필터에서 모델 업데이트

Question

양식 이름 목록과 양식 목록이 있습니다. 사용자가 양식 이름을 클릭하면 클릭 한 이름과 일치하는 양식 만 표시하려고합니다. 클릭 할 때 양식 이름을 전달하고 있지만이를 기반으로 표시된 양식 목록을 업데이트하는 방법을 알 수 없습니다. 필터에서 모델을 어떻게 업데이트합니까?

JS

App.PatientFormsController = Ember.ArrayController.extend 
    actions: 
    filterForms: (name)-> 
     @get('model').filterBy('name', name) 

HTML 나는 그것이 다음 작업있어

<h2>Form Types</h2> 
<div id='form-names'> 
    <ul> 
    {{#each formTypes}} 
     <li> 
     <a href="*" {{action 'filterForms' name on='click'}}>{{nameFormatted}}</a> 
     </li> 
    {{/each}} 
    </ul> 
</div> 

<h2>Forms</h2> 
<div id="patient-forms"> 
    {{#each}} 
    <b>{{name}}</b><br /> 
    {{/each}} 
</div> 

Answer 1

:

JS

App.PatientFormsController = Ember.ArrayController.extend 
    init: -> @set 'filteredForms', @get('model') 
    actions: 
    filterForms: (name)-> 
     @set 'filteredForms', @get('model').filterBy('name', name) 

HTML

<h2>Form Types</h2> 
<div id='form-names'> 
    <ul> 
    {{#each formTypes}} 
     <li> 
     <a href="*" {{action 'filterForms' name on='click'}}>{{nameFormatted}}</a> 
     </li> 
    {{/each}} 
    </ul> 
</div> 

<h2>Forms</h2> 
<div id="patient-forms"> 
    {{#each filteredForms}} 
    <b>{{name}}</b><br /> 
    {{/each}} 
</div>