使用Ember.js和Handlebars.js在Jade中查看

Question

我正在尝试使用jade中的handlebars.js添加一个余烬视图.当我使用此代码时

script(type='text/x-handlebars') 
    {{view App.LoginView}} 
        {{view Ember.TextField valueBinding="username" placeholder="Enter your username"}}

它呈现为:

<div id="ember194" class="ember-view"></div>
<input id="ember204" class="ember-view ember-text-field" placeholder="Enter your username" type="text">

我似乎无法将文本字段包含在视图中.我想知道是否有一个技巧可以在玉石模板中正确使用把手.

我想要的结果是:

<div id="ember194" class="ember-view">
    <input id="ember204" class="ember-view ember-text-field" placeholder="Enter your username" type="text">
</div>

Answer 1

尝试:

script(type='text/x-handlebars') 
    {{#view App.LoginView}} 
        {{view Ember.TextField valueBinding="username" placeholder="Enter your username"}}
    {{/view}}

玉节省你的HTML结束标记,但车把块必须完整无缺,什么你问的要求Ember.TextField是一个内部{{#view}}块.

[编辑]仅供参考http://emblemjs.com/