第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

具有自定義過(guò)濾功能的AngularJS多重過(guò)濾器

具有自定義過(guò)濾功能的AngularJS多重過(guò)濾器

Smart貓小萌 2019-10-17 16:01:29
我正在嘗試使用多個(gè)過(guò)濾器+自定義過(guò)濾器功能過(guò)濾列表。最初工作的jsfiddle示例是http://jsfiddle.net/ed9A2/1/,但是現(xiàn)在我想更改年齡過(guò)濾的方式。我想添加一個(gè)自定義過(guò)濾器,以使其年齡基于兩個(gè)輸入值min_age和max_age(在年齡之間)進(jìn)行過(guò)濾。在研究文檔之后。我發(fā)現(xiàn)有人有類(lèi)似的問(wèn)題,用戶Mark Rajcok回答了http://docs.angularjs.org/api/ng.filter:filter#comment-648569667看起來(lái)不錯(cuò),應(yīng)該可以工作。但是我在將其應(yīng)用于我的代碼時(shí)遇到了問(wèn)題,這主要是因?yàn)槲疫€有其他多個(gè)過(guò)濾器。我是AngularJS的新手:(我嘗試過(guò)但不起作用的小提琴在這里http://jsfiddle.net/ed9A2/20/我的無(wú)效代碼的副本粘貼在這里視圖<div ng-app ng-controller="MainController"><table class="fancyTable">    <tr>        <th>Player id</th>        <th>Player name</th>        <th>Age</th>    </tr>    <tr>        <td><input ng-model="player_id" /></td>        <td><input ng-model="player_name" /></td>        <td>            Min Age:<input ng-model="min_age" />            Max Age:<input ng-model="max_age" />        </td>    </tr>    <tr ng-repeat="player in players | filter:{id: player_id, name:player_name, age:ageFilter}">        <td>{{player.id}}</td>        <td>{{player.name}}</td>        <td>{{player.age}}</td>    </tr></table>控制者function MainController($scope) {$scope.player_id = "";$scope.player_name = "";$scope.player_age = "";$scope.min_age = 0;$scope.max_age = 999999999;$scope.ageFilter = function(player) {    return ( player > $scope.min_age && player.age < $scope.max_age);}$scope.players = [        {"name": "Rod Laver",            "id": "rod",            "date": "1938/8/9",            "imageUrl": "img/rod-laver.gif",            "age": 75},        {"name": "Boris Becker",             "id": "borix",            "date": "1967/11/22",            "imageUrl": "img/boris-becker.gif",            "age": 45},        {"name": "John McEnroe",            "id": "mcenroe",            "date": "1959/2/16",            "imageUrl": "img/john-mc-enroe.gif",            "age": 54},        {"name": "Rafa Nadal",            "id": "nadal",            "date": "1986/5/24",            "imageUrl": "img/ndl.jpg",            "age": 27}    ]}
查看完整描述

3 回答

?
幕布斯7119047

TA貢獻(xiàn)1794條經(jīng)驗(yàn) 獲得超8個(gè)贊

嘗試這個(gè):


<tr ng-repeat="player in players | filter:{id: player_id, name:player_name} | filter:ageFilter">


$scope.ageFilter = function (player) {

    return (player.age > $scope.min_age && player.age < $scope.max_age);

}


查看完整回答
反對(duì) 回復(fù) 2019-10-17
?
神不在的星期二

TA貢獻(xiàn)1963條經(jīng)驗(yàn) 獲得超6個(gè)贊

希望下面這個(gè)鏈接的答案會(huì)有所幫助, 多值過(guò)濾器


并以示例來(lái)研究小提琴


arrayOfObjectswithKeys | filterMultiple:{key1:['value1','value2','value3',...etc],key2:'value4',key3:[value5,value6,...etc]}


查看完整回答
反對(duì) 回復(fù) 2019-10-17
?
米脂

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超3個(gè)贊

檢視檔案(HTML或EJS)


<div ng-repeat="item in vm.itemList  | filter: myFilter > </div>

和在控制器


$scope.myFilter = function(item) {

return (item.propertyA === 'value' || item.propertyA === 'value');

}


查看完整回答
反對(duì) 回復(fù) 2019-10-17
  • 3 回答
  • 0 關(guān)注
  • 799 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)