3

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

1 に答える 1

7

試す：

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

Jade は HTML の終了タグからあなたを救いますが、handlebars ブロックは無傷である必要があり、求めているものはブロックEmber.TextField内にある必要があり{{#view}}ます。

[編集] 参考までにhttp://emblemjs.com/をチェックしてください

于 2012-09-18T21:30:52.123 に答える