从输入字段计算并输出数值

Question

我想将两个输入字段相乘并实时显示结果。

我在哪里进行计算以及如何输出结果？

<div>
  <label>Number of ice creams:</label>
  {{input type="text" value=numberOne}}
</div>
<div>
  <label>The price for an ice cream:</label>
  {{input type="text" value=numberTwo}}
</div>

Answer 1

您应该在控制器中进行计算。总值应该是计算属性，以便在依赖值更改时自动更新。

App.IndexController = Ember.ObjectController.extend({
  numberOne: 5,
  numberTwo: 10,
  total: function() {
    return this.get('numberOne') * this.get('numberTwo');
  }.property('numberOne', 'numberTwo')
});

Here is a working demo.