Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何对angularjs中的多个字段使用过滤器_Html_Angularjs - Fatal编程技术网

Html 如何对angularjs中的多个字段使用过滤器

Html 如何对angularjs中的多个字段使用过滤器,html,angularjs,Html,Angularjs,我试图将过滤器应用于表中的多个字段,在html代码中,我有一个用于搜索的文本框 <body ng-app="myApp" ng-controller="myController"> <input type="text" placeholder="Search " ng-model="search"> var app = angular.module('myApp', []); app.controller('myController', function($scop

我试图将过滤器应用于表中的多个字段,在html代码中,我有一个用于搜索的文本框

<body ng-app="myApp" ng-controller="myController"> <input type="text" placeholder="Search " ng-model="search">
var app = angular.module('myApp', []);    app.controller('myController', function($scope) {$scope.employee = [
{ empid: 1, empname: 'saisree', division:'IS',mgr:'A',clientlocation:'PA' },
{ empid: 2, empname: 'poojitha', division:'IS',mgr:'A',clientlocation:'PA' },
{ empid: 3, empname: 'shyam', division:'IS',mgr:'A',clientlocation:'PA'},
{empid: 4, empname: 'shariff', division:'IS',mgr:'A',clientlocation:'PA'},
{empid: 5, empname: 'anvita', division:'GIS',mgr:'B',clientlocation:'AZ'},
{empid: 6, empname: 'poojitha';`division:'Retail',mgr:'C'clientlocation:'UK';];});
<tbody>
  <tr ng-repeat="e in employee | filter:search ">
    <td>{{ e.empid }}</td>
    <td>{{ e.empname }}</td>
    <td>{{ e.division }}</td>
     <td>{{ e.mgr }}</td>
      <td>{{ e.clientlocation }}</td>
  </tr>
</tbody>

var-app=angular.module('myApp',[]);app.controller('myController',函数($scope){$scope.employee=[
{empid:1,empname:'saisree',division:'IS',mgr:'A',clientlocation:'PA'},
{empid:2,empname:'poojitha',部门:'IS',经理:'A',客户地点:'PA'},
{empid:3,empname:'shyam',division:'IS',mgr:'A',clientlocation:'PA'},
{empid:4,empname:'shariff',division:'IS',mgr:'A',clientlocation:'PA'},
{empid:5,empname:'anvita',部门:'GIS',经理:'B',客户地点:'AZ'},
{empid:6,empname:'poojitha';'division:'Retail',mgr:'C'clientlocation:'UK';];});
{{e.empid}}
{{e.empname}}
{{e.division}}
{{e.mgr}}
{{e.clientlocation}
用户应该能够通过提供empid、empname、division、mgr、clientloaction从单个文本框中进行搜索。请查看此问题

这是我正在应用筛选器的表,但筛选器中的给定搜索一次适用于所有列!

尝试这样做

<label>your input: <input ng-model="search.$"></label> <br>

<tbody>
  <tr ng-repeat="e in employee |filter:search:strict ">
    <td>{{ e.empid }}</td>
    <td>{{ e.empname }}</td>
    <td>{{ e.division }}</td>
     <td>{{ e.mgr }}</td>
      <td>{{ e.clientlocation }}</td>
  </tr>
</tbody>
您的输入:
{{e.empid}} {{e.empname}} {{e.division}} {{e.mgr}} {{e.clientlocation}
您要将过滤器应用到的表在哪里?此处仅显示输入框和示例数据,而不显示显示部分。您好,谢谢,我已更新了代码,请查看它!因此,您是否希望提供某种单选按钮或下拉列表,以将搜索限制为单个列?它是单个文本框。C考虑到我有大量的数据,在文本框中我想给出多个文件,例如empname和division,以便从表中获得精确的匹配。您想在文本框中键入要搜索的字段名称以及搜索词吗?您的问题仍然不太清楚……这将匹配任何键e.g如果您想按.empid或.empname等进行筛选,它将进行筛选谢谢!我尝试了错误的方法,但现在工作正常!我仍然不知道这与默认行为有什么不同;它仍在同时搜索所有字段。