如何根据angularjs中的另一个输入ng-model值过滤ng-repeat值?

时间:2018-04-20 07:32:10

标签: html angularjs meanjs

根据angularjs中的另一个输入ng-model值重复值?

  • 我有一个输入值,例如Social Psychology,用于此值ng-model is kpcategory

  • 我使用了像ng-repeat="question in questions这样的ng-repeat来列出所有categoryname

  • 我尝试过滤Social Psychology列表中的ng-repeat类别,因此我使用了ng-repeat="question in questions | filter:kpcategory"
  • 问题是什么,它完全过滤了Social Psychology数据。但我想只过滤Social Psychology的类别值而不是所有数据。问题是它已过滤包含category and category_two数据。

预期结果是: -

  • 只想按catgory Social Psychology进行过滤,因此结果应为Social Psychology , John数据。

  • My Plunker For Reference

  • 我们不知道如何解决这个问题请帮助我们。

2 个答案:

答案 0 :(得分:1)

您可以尝试按类别属性过滤项目

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

<强> Demo

答案 1 :(得分:1)

尝试执行此操作Demo

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