在Jade中使用Ember.js和Handlebars.js视图

Question

在Jade中使用Ember.js和Handlebars.js视图

ember.jspughandlebars.js

3

我正试图在jade中使用handlebars.js添加一个Ember视图。当我使用以下代码时：

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

我似乎无法让文本框在视图中自动换行。我想知道是否有技巧可以在jade模板中正确使用handlebars。

我期望得到的结果是：

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

- WallMobile

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- dechov · Accepted Answer

尝试：

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

Jade可以避免编写HTML的闭合标签，但是handlebars块必须完整，并且您所要求的需要将Ember.TextField放在{{#view}}块内部。

[编辑] FYI，请查看http://emblemjs.com/。