JS 변수가 변경되면 템플릿에서 자동 업데이트되도록 속성을 얻으려면 어떻게해야합니까?

Question

JS 변수 "total_price"의 현재 값으로 자동 업데이트하려는 템플릿의 {{price}} 속성이 있습니다. 내가 여기에 설명 된 기본 개념을 따라하기 위해 노력하고있어 :

이

템플릿이 :

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

가 CONTROLLER :

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

왜 {{price}}하지 않습니다 여기에 http://emberjs.com/guides/getting-started/displaying-the-number-of-incomplete-todos/

은 내 코드입니다 "total_price"의 현재 값으로 업데이트 하시겠습니까?

Answer 1

total_price에 의존하는 price을 계산 속성으로 선언하고 total_price이 변경 될 때마다 다시 실행해야합니다.

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

는 희망이 도움이 : 당신의 total_price 변수의 삶,하지만 가정이 다음과 같은 일을 할 수있는 동일한 컨트롤러에 정의 어디에 정말 확실하지.