如何在angularjs中基於另一個輸入的ng-model值過濾ng-repeat值？

Question

重復基於angularjs中另一個輸入ng-model值的值？

• 我有一個輸入值，例如Social Psychology因為這個值ng-model is kpcategory

• 我在問題中使用了像ng-repeat="question in questions這樣的ng-repeat="question in questions來列出所有category和name 。

• 我嘗試過濾ng-repeat列表中的Social Psychology類別，所以我使用了ng-repeat="question in questions | filter:kpcategory" 。
• 問題出在哪里，它完美地過濾了Social Psychology數據。 但我只想過濾Social Psychology的類別值，而不是所有數據的類別值。 問題是它被過濾，包括category and category_two數據。

預期結果是：

• 只是想按catgory Social Psychology進行篩選，因此結果應為Social Psychology , John 。

• 我的柱塞供參考

• 我們沒有解決該問題的方法，請幫助我們。

Answer 1

您可以嘗試以下按照類別屬性過濾項目

  <div ng-repeat="question in questions | filter:{ category: kpcategory }">
      <ul>
          <li><span>{{question.category}} , {{question.name}}</span></li>
      </ul>     
  </div>

演示

Answer 2

嘗試做這個演示

 <input type="text" name="kpcategory" 
      data-ng-model="kpcategory.category" value="kpcategory">

 <div ng-repeat="question in questions | filter:kpcategory ">
<ul>
    <li><span>{{question.category}} , {{question.name}}</span></li>
</ul>

注意 ：我在輸入字段中輸入了data-ng-model="kpcategory.category"