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来实现。但是如何通过控制器

将innerHTML附加到buttonView中

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}

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

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

1 个答案: