我有一个输入字段类型编号,其中显示了两个值相乘的结果。
我已经在HTML中设置了我的valueBinding的总功能
这是我的Ember.View.extend与总计算
App.TotalView = Ember.View.extend({
templateName: 'total',
tagName: 'input',
attributeBindings: ['total:value', 'placeholder', 'type'],
placeholder: null,
type: 'number',
total: (function() {
var res= parseInt(this.get('controller.newThread.selectContentTariffa')) * parseInt(this.get('controller.newThread.primary'));
return isNaN(res)?"":res;
}).property('controller.newThread.selectContentTariffa', 'controller.newThread.primary')
});
我已经定义了对NewThread的调用
newThread:function(){
return {selectContentTariffa:null,primary:null,total:null,weight:null};
}.property(),
当我选择计算值时,这是我的html:
valueBinding=newThread.selectContentTariffa, valueBinding=newThread.primary and valueBinding=newThread.total for the total result
<tr>
<td>{{view Ember.Select
prompt="Tariffa"
valueBinding=newThread.selectContentTariffa
content=selectContentTariffa
optionValuePath="content.value"
optionLabelPath="content.label"}}
</td>
<td>{{view Em.TextField
type="number"
valueBinding=newThread.primary
class="form-control"}}
</td>
<td>{{view "total" valueBinding=newThread.total}}</td>
<td><button class="btn btn-success" {{action add item}}>Add</button></td>
</tr>
<script type="text/x-handlebars" data-template-name="total">
{{view.total valueBinding=newThread.total}}
</script>
这是我的html,在我添加它们后显示的值
{{#each item in model}}
<tr>
<td>{{item.selectContentTariffa}}</td>
<td>{{item.primary}}</td>
<td>{{item.total}}</td>
</tr>
{{/each}}
我不知道我在想什么,我在这里重现了这个问题:http://emberjs.jsbin.com/qakado/13/edit?html如您所见,最后一列中的结果值未绑定
最佳答案
分配给total
属性的对象的newThread
属性从不设置结果。因此,一种方法可能是使总属性成为计算属性,然后在那里进行乘法。然后在视图中显示该属性。
http://emberjs.jsbin.com/vivohiyefu/1/edit?html,js
关于javascript - ValueBinding无法在我的Ember View 中添加新对象,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26548725/