javascript - 如何在 JS 变量更改时获取模板中的属性以自动更新？

Question

我有一个模板，其中包含 {{price}} 属性，我想用 JS 变量“total_price”的当前值自动更新。我正在尝试遵循此处概述的基本概念：http: //emberjs.com/guides/getting-started/displaying-the-number-of-incomplete-todos/

这是我的代码：

模板：

<script type="text/x-handlebars" data-template-name='question'>
     <div id="current-price">
         {{price}}
     </div>
 </script>

控制器：

App.QuestionController = Ember.ObjectController.extend({
    price: function() {
         return total_price;
    }
});

为什么不{{price}}使用“total_price”的当前值进行更新？

Answer 1

您需要声明price为计算属性，该属性依赖于并在更改total_price时重新执行。total_price不确定你的total_price变量在哪里，但假设它是在同一个控制器上定义的，那么你可以做这样的事情：

App.QuestionController = Ember.ObjectController.extend({
  total_price: null,
  price: function() {
    return this.get('total_price');
  }.property('total_price')
});

希望能帮助到你。