angularjs的$filter使用


angularjs的$filter使用

$filter服務可以在js中對數據進行過濾處理,ng有幾個內建的filter,其中有一個叫filter的filter,可方便的實現屬性的過濾。
詳細的API參考:https://docs.angularjs.org/api/ng/filter/filter

js中使用

```js //id等於1的數據 $filter('filter')($scope.teamlist, { id: '1'})

//id不等於1的數據
$filter('filter')($scope.teamlist, { id: '!1'})

<div style="background-color: #4694d8;height:36px;"><h3 style="line-height: 36px;">html中的使用</h3></div>
```html
<span ng-repeat="user in userlist | filter:{team:t.id}"></span>

自定義過濾函數

除了像上面那樣傳遞一個對象來過濾數據,還可以自定義一個過濾函數,返回true將加入結果集 ``` $scope.projectList = $filter('filter')($scope.projectList, function(value, index, array) { // console.log(value, index); return value.project.id != Project_id; }); ```

filter的使用 - 包含/不包含

<!--有email屬性, 值為admin-->
<tr ng-repeat="user in users | filter: {email:'admin'}" >
<!--有email屬性, 值不為admin-->
<tr ng-repeat="user in users | filter: {email:'!admin'}" >
<!--任意屬性, 值不為admin-->
<tr ng-repeat="user in users | filter: {$:'!admin'}" >


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM