簡體   English   中英

如何使用JavaScript呈現模板值-Meteor

[英]How to render template values using javascript - Meteor

如何呈現模板的內容..我不能通過這一點://謝謝您的幫助

例如:

<body>
  {{> dash}}
</body>

<template name="dash">
<div id="example2" class='example_block'> 
    <form name = "frm">
        <table>
            <tr>
                <td>Template Name
                <td>:
                <td><input type="text" name = tname class = "tname">
      </frm>
       <div class='demo'>
            <input type='button' value='Click Here to Create Window' class="btn"/> 
        </div> 
    </div>
<div id = "window_block8" style="display:none;"></div>
</template>

<template name="t1">
    try1
</template>

<template  name="t2">
    try2 
</template>

   //client.js
 Template.dash.events({
'click input.btn' : function(){
    var temp = document.frm.tname.value ;
    Session.set("template" , temp);
            $('body').append(Meteor.render(Template[Session.get("currentTemplate")]()));
     }
 });

像這樣的東西..但是那個代碼對我不起作用

Meteor.render(Template.try)返回一個文檔片段,您可以使用jQuery或普通JS將其插入到頁面中。

例如

Template.dash.aw = function() {
    document.body.appendChild(Meteor.render(Template.try));
}

請注意,如果模板名稱為變量,則可以使用數組樣式表示法:

document.body.appendChild(Meteor.render(Template[Session.get("currentTemplate")]));

另外,如果您只想返回一個變量而不是整個模板:

Template.try.var = function() {
    return 'Hello';
}
Template.dash.aw = function() {
    return Template.try.var();
}
// Template.dash.aw = Template.try.var = function() {
//    return 'Hello';
// }

帶注釋的功能可能不足,因為您需要在Template.dash.aw一些邏輯

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM