javascript - JS 変数が変更されたときにテンプレートのプロパティを自動更新するにはどうすればよいですか?

Question

JS 変数「total_price」の現在の値で自動更新したい {{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」の現在の値で更新されないのはなぜですか?