Angularjs 使用关键字搜索进行筛选_Angularjs_Angular Filters

Angularjs 使用关键字搜索进行筛选

angularjs

Angularjs 使用关键字搜索进行筛选,angularjs,angular-filters,Angularjs,Angular Filters,我正试图用angular.js创建一个过滤系统，到目前为止，在这里一些善良的人的帮助下，我最终得到了以下结果：过滤器类型：它工作用薪水过滤：它工作吗现在我尝试使用关键字“我的程序”筛选结果：你能帮我做一下搜索文本的功能吗 <body data-ng-controller="TestController"> <br/> <h4> Filters</h4> <strong>type de contrat:</str

我正试图用angular.js创建一个过滤系统，到目前为止，在这里一些善良的人的帮助下，我最终得到了以下结果：

过滤器类型：它工作

用薪水过滤：它工作吗

现在我尝试使用关键字“我的程序”筛选结果：

你能帮我做一下搜索文本的功能吗

<body data-ng-controller="TestController">
  <br/>
  <h4> Filters</h4>
  <strong>type de contrat:</strong>
  <br>
  <input type="checkbox" data-ng-model='type1' data-ng-true-value='contractuel' data-ng-false-value='' /> contractuel

  <input type="checkbox" data-ng-model='type2' data-ng-true-value='mixte' data-ng-false-value='' /> mixte

  <input type="checkbox" data-ng-model='type3' data-ng-true-value='freelance' data-ng-false-value='' /> freelance
  <br>
  <strong>salary :</strong>
  <br>
  <input type="checkbox" data-ng-model='salary1' data-ng-true-value='1000' data-ng-false-value='' />
  < 1000 <input type="checkbox" data-ng-model='salary2' data-ng-true-value='2000' data-ng-false-value='' /> between 1000 and 2000

  <input type="checkbox" data-ng-model='salary3' data-ng-true-value='3000' data-ng-false-value='' /> between 2000 and 3000

  <input type="checkbox" data-ng-model='salary4' data-ng-true-value='4000' data-ng-false-value='' /> >3000
<br>
search:<input type=text placeholder="keyword" ng-model="searchText">
  <table id="missions" border="5">
    <tr>
      <th>
        <div align="center">mission title</div>
      </th>
      <th>
        <div align="center">mission salary</div>
      </th>
      <th>
        <div align="center">mission domaine name</div>
      </th>
      <th>
        <div align="center">mission Nature</div>
      </th>
    </tr>
    <tr data-ng-repeat="mission in missions | filter:nature  | filter:salary | filter:searchText ">
      <td height="28">{{mission.title}}</td>
      <td>{{mission.salary}}</td>
      <td>{{mission.domain.name}}</td>
      <td>{{mission.missionNature.nature}}</td>
    </tr>
  </table>

</body>




过滤器
合同类型：


合同工
混合
自由职业的


工资：


在1000和2000之间<1000
2000年至3000年之间
>3000


搜索：
任务名称
特派团薪金
使命领地名称
使命性质
{{mission.title}
{{特派团薪金}
{{mission.domain.name}
{{mission.missionNature.nature}

问题在于您的筛选文本适用于所有对象。这意味着，当你过滤“portu”时，它将返回所有translator，因为在你对它们的描述中，你有机会这个词。为了避免这种情况，你不需要太多。您必须指定要搜索的文件

search:<input type=text placeholder="keyword" ng-model="searchText.title">

搜索：

在这里，我只是把标题放在你们的模型上。因此，当他应用过滤器时，他将只在您的标题中找到匹配项。因此，如果你再次尝试“波尔图”，只有3场比赛。这三个词的标题都是这个词

您的plunker链接已断开，请修复它。它已修复..抱歉@Cracker这里没有问题陈述或问题