Question

我有一个输入字段类型编号，其中显示了两个值相乘的结果。

我在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因为你可以看到最后一列中结果的值没有约束

Answer 1

从不使用结果设置分配给total属性的对象的newThread属性。因此，一种方法可以是使总属性成为计算属性并在那里执行乘法。然后在视图中显示该属性。

http://emberjs.jsbin.com/vivohiyefu/1/edit?html,js

ValueBinding无法在我的Ember视图中添加新Object

1 个答案: