如何使用多個字段過濾器angularjs

我想在一個表中，以將過濾器應用於多個領域，在HTML代碼中，我有一個單一的文本框進行搜索如何使用多個字段過濾器angularjs

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

用戶應該能夠搜索從一個單一的文本框給予empid，empname，division，mgr，clientloaction。請看看這個問題。

這是我正在應用過濾器的表，但在過濾器中進行搜索時一次適用於所有列！

來源

2017-02-23 saisree reddy

這裏是要應用的過濾表？您只在這裏顯示輸入框和樣本數據，您沒有顯示顯示部分。 – Claies

嗨謝謝我已經更新了代碼，請查看它！ –

所以你想提供某種單選按鈕或下拉列表來限制搜索到單個列？ – Claies

嘗試這樣做

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

來源

2017-02-23 19:22:01 sai

'。$'做什麼？這將如何工作？ – Claies

這將匹配任何關鍵，例如，如果你想過濾.empid或.empname等..它會過濾， – sai

謝謝！我試圖做錯誤的方式現在它的工作正常！ –

如何使用多個字段過濾器angularjs

回答

相關問題