從輸入字段計算並輸出數值

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.