Javascript 车把和文本区

Javascript 车把和文本区,javascript,jquery,asp.net-mvc,handlebars.js,mustache,Javascript,Jquery,Asp.net Mvc,Handlebars.js,Mustache,我正在努力学习车把,以便在我的MVC应用程序中使用。我的模板中包含以下内容: <div class="control-group"> <label class="control-label" for="EmailHtml">Html:</label> <div class="controls"> <textarea id="EmailHtml" name="EmailHtml" cols="36" rows="5"/>

我正在努力学习车把,以便在我的MVC应用程序中使用。我的模板中包含以下内容:

<div class="control-group">
<label class="control-label" for="EmailHtml">Html:</label>
<div class="controls">          
<textarea id="EmailHtml" name="EmailHtml" cols="36" rows="5"/>          
</div>
</div>
执行上述操作后,我看到一个宽度和高度都正确的文本区域,但其中没有任何数据

我还尝试插入
值=“{{this.EmailHtml}}”
,但仍然不起作用


如何在模板中填充文本区域?

这不应该更像:

<div class="control-group">
  <label class="control-label" for="EmailHtml">Html:</label>
  <div class="controls">          
    <textarea id="EmailHtml" name="EmailHtml" cols="36" rows="5">{{EmailHTML}}</textarea>          
  </div>
</div>

Html:
{{EmailHTML}}

的值不在
值属性中,而是位于标记之间。请参阅:、等。

对于Handlebar,您将希望使用无界辅助对象,这样您就不会在文本区域中获得Handlebar标记元素

<div class="control-group">
    <label class="control-label" for="EmailHtml">Html:</label>
    <div class="controls">          
        <textarea id="EmailHtml" name="EmailHtml" cols="36" rows="5">{{unbound EmailHTML}}</textarea>          
    </div>
</div>

Html:
{{未绑定电子邮件HTML}}

参考:

假设您将handlebar html模板保存在一个变量tpl中,数据保存在另一个变量中。然后你在写:-

HandleBars.compile( tpl )(data)
在车把模板中,您必须编写以下内容:-

<div class="control-group">
<label class="control-label" for="EmailHtml">Html:</label>
<div class="controls">          
    <textarea id="EmailHtml" name="EmailHtml" cols="36" rows="5">{{ data.Results.[1].EmailHtml}}</textarea>          
</div>
</div>

Html:
{{data.Results.[1].EmailHtml}

我可以确认@artlung回答。我自己也遇到了同样的问题。当我使用
时,输入字段内不会呈现任何内容。但是如果我把变量放在
之间,它就会工作。
<div class="control-group">
<label class="control-label" for="EmailHtml">Html:</label>
<div class="controls">          
    <textarea id="EmailHtml" name="EmailHtml" cols="36" rows="5">{{ data.Results.[1].EmailHtml}}</textarea>          
</div>
</div>