ember.js - 在 Jade 中使用 Ember.js 和 Handlebars.js View

Question

我正在尝试使用 jade 中的handlebars.js 添加一个ember View 。当我使用这段代码时

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">

我似乎无法将文本字段包含在 View 中。我想知道是否有一个技巧可以在 Jade 模板中正确使用 Handlebars 。

我想要的结果是:

<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}}

Jade 使您免于 HTML 结束标记，但 Handlebars block 必须完好无损，并且您所要求的要求 Ember.TextField 位于 {{#view}} 内 block 。

[编辑]仅供引用http://emblemjs.com/