Ember.js 从过滤器更新模型

我有一个表单名称列表和一个表单列表。当用户单击表单名称时，我只希望显示与单击的名称匹配的表单。我在单击时传递表单名称，但我不知道如何根据该名称更新显示的表单列表。如何在过滤器中更新模型

JS

HTML

表单类型

{{{#每个表单类型}


{{/每个}}

形式
{{{#各}
{{name}}

{{/每个}}

我使用了以下工具：

JS

HTML

表单类型

{{{#每个表单类型}


{{/每个}}

形式
{{{#每个filteredForms}
{{name}}

{{/每个}}

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

<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>

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

<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>