0

.templateNamehtml で :を使用すると、HTML ビューをデータにバインドできます。

<script type="text/x-handlebars" data-template-name="foo">
TITLE, <b>{{pageTitle}}</b>
</script>

jsで：

view.set('templateName','foo');

生成された HTML 構造:

<div id="ember195" class="ember-view">
TITLE,
<b>
<script id="metamorph-1-start" type="text/x-placeholder">
mainmenu
<script id="metamorph-1-end" type="text/x-placeholder">
</b>
</div>

しかし、.template代わりに使用する場合.templateName:

var tmpl = Handlebars.compile('TITLE, <b>{{pageTitle}}</b>');
view.set('template',tmpl);

生成された HTML 構造には、{{pageTitle}}コンテンツの周りにプレースホルダー タグがないため、pageTitle が変更されても更新されません...

<div id="ember201" class="ember-view">
TITLE,
<b>mainmenu</b>
</div>

.templateまだバインディング作業を行うために使用する方法はありますか? または、使用する必要があります.templateNameか?

ご協力いただきありがとうございます！

4

2 に答える 2

2

あなたの行動を再現することはできません。次のコードは、異なるビューごとに同じものを出力します...

ハンドルバー:

<script type="text/x-handlebars" data-template-name="foo">
    TITLE, <b>{{App.pageTitle}}</b>
</script>

<script type="text/x-handlebars">
    Change the title: {{view Ember.TextField valueBinding="App.pageTitle"}}
</script>

JavaScript:

App = Ember.Application.create({
    pageTitle: 'my page title'
});

Ember.View.create({
    templateName: 'foo'
}).append();

var view1 = Ember.View.create();
view1.set('templateName', 'foo');
view1.append();

Ember.View.create({
    template: Ember.Handlebars.compile('TITLE, <b>{{App.pageTitle}}</b>')
}).append();

var view2 = Ember.View.create();
view2.set('template', Ember.Handlebars.compile('TITLE, <b>{{App.pageTitle}}</b>'));
view2.append();

http://jsfiddle.net/DTfMZ/を参照してください

于 2011-12-27T21:14:56.253 に答える
0

ビューで使用defaultTemplateしてみてください：

defaultTemplate: SC.Handlebars.compile('<label><input type="checkbox" {{bindAttr checked="value" disabled="disabled" tabindex="tabindex"}} > {{title}}</label>')

それは私のために働いた。

于 2011-12-27T21:10:14.417 に答える