如何在Ember.view上附加按钮的innerHTML

Question

我已经创建了一个按钮视图。

App.NumberButtonView = Ember.View.extend({
tagName: 'button',
classNames: ['ButtonClass']
});

我的按钮型号是

App.NumberBtns = DS.Model.extend({
value: DS.attr('string'),
width: DS.attr('string'),
height: DS.attr('string'),
className: DS.attr('string'),
type:DS.attr('string')

}）

App.NumberBtns.FIXTURES = [  {
id: '108',
value: '8',
style: {
    width: '50px',
    height: '50px'
},
className: 'NumberBtnClass',
type: 'number',
}, {
id: '109',
value: '9',
style: {
    width: '50px',
    height: '50px'
},
className: 'NumberBtnClass',
type: 'number',
}, {
id: '110',
value: '0',
style: {
    width: '50px',
    height: '50px'
},
className: 'NumberBtnClass',
type: 'number',

}]

如何从控制器将按钮的值传递给视图。

我们可以通过添加标签并附加innerHTML来实现。 但是如何从模型到控制器在buttonView中添加innerHTML

Answer 1

我们可以使用

setupController: function (controller, model) {
    controller.set('model', model);

显示名称使用itemBinding

{{#each btn in model.operatorBtn}}
{{#view App.NumberButtonView itemBinding="btn"}}
<i> {{view.item.value}} </i>
{{/view}}
 {{/view}}
 {{/each}

现在，该值将显示在视图中。