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

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

如何在angularJS中按對(duì)象屬性過(guò)濾

如何在angularJS中按對(duì)象屬性過(guò)濾

忽然笑 2019-12-16 10:54:51
如何在angularJS中按對(duì)象屬性過(guò)濾我試圖在AngularJS中創(chuàng)建一個(gè)自定義過(guò)濾器,該過(guò)濾器將通過(guò)特定屬性的值過(guò)濾對(duì)象列表。在這種情況下,我想按“極性”屬性(“正”,“中性”,“負(fù)”的可能值)進(jìn)行過(guò)濾。這是我沒(méi)有過(guò)濾器的工作代碼:HTML:<div class="total">    <h2 id="totalTitle"></h2>    <div>{{tweets.length}}</div>    <div id="totalPos">{{tweets.length|posFilter}}</div>    <div id="totalNeut">{{tweets.length|neutFilter}}</div>    <div id="totalNeg">{{tweets.length|negFilter}}</div></div>這是JSON格式的“ $ scope.tweets”數(shù)組:{{created_at: "Date", text: "tweet text", user:{name: "user name", screen_name: "user       screen name", profile_image_url: "profile pic"}, retweet_count: "retweet count", polarity: "Positive"}, {created_at: "Date", text: "tweet text", user:{name: "user name", screen_name: "user screen name", profile_image_url: "profile pic"}, retweet_count: "retweet count", polarity: "Positive"}, {created_at: "Date", text: "tweet text", user:{name: "user name", screen_name: "user screen name", profile_image_url: "profile pic"}, retweet_count: "retweet count", polarity: "Positive"}}我可以提出的最佳過(guò)濾器如下:myAppModule.filter('posFilter', function(){return function(tweets){    var polarity;    var posFilterArray = [];    angular.forEach(tweets, function(tweet){        polarity = tweet.polarity;        console.log(polarity);        if(polarity==='Positive'){              posFilterArray.push(tweet);        }        //console.log(polarity);    });    return posFilterArray;};});此方法返回一個(gè)空數(shù)組。從“ console.log(polarity)”語(yǔ)句中不會(huì)打印任何內(nèi)容。似乎我沒(méi)有插入正確的參數(shù)來(lái)訪(fǎng)問(wèn)“極性”的對(duì)象屬性。有任何想法嗎?非常感謝您的回復(fù)。
查看完整描述

4 回答

?
繁星點(diǎn)點(diǎn)滴滴

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

您只需要使用filter過(guò)濾器(請(qǐng)參閱文檔):


<div id="totalPos">{{(tweets | filter:{polarity:'Positive'}).length}}</div>

<div id="totalNeut">{{(tweets | filter:{polarity:'Neutral'}).length}}</div>

<div id="totalNeg">{{(tweets | filter:{polarity:'Negative'}).length}}</div>


查看完整回答
反對(duì) 回復(fù) 2019-12-16
?
慕哥6287543

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

該文檔具有完整答案。無(wú)論如何,這是如何完成的:


<input type="text" ng-model="filterValue">

<li ng-repeat="i in data | filter:{age:filterValue}:true"> {{i | json }}</li>

將僅age在data數(shù)組中過(guò)濾,并且true用于完全匹配。


對(duì)于深層過(guò)濾,


<li ng-repeat="i in data | filter:{$:filterValue}:true"> {{i}}</li>

$對(duì)于深層過(guò)濾器,這是一個(gè)特殊屬性,對(duì)于true上述的完全匹配,這是一個(gè)特殊屬性。


查看完整回答
反對(duì) 回復(fù) 2019-12-16
?
喵喔喔

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

您也可以這樣做以使其更具動(dòng)態(tài)性。


<input name="filterByPolarity" data-ng-model="text.polarity"/>

然后您ng-repeat會(huì)像這樣


<div class="tweet" data-ng-repeat="tweet in tweets | filter:text"></div>

當(dāng)然,此過(guò)濾器僅用于按極性過(guò)濾


查看完整回答
反對(duì) 回復(fù) 2019-12-16
?
慕哥9229398

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

我們的收藏如下

句法:


{{(Collection/array/list | filter:{Value : (object value)})[0].KeyName}}

例:


{{(Collectionstatus | filter:{Value:dt.Status})[0].KeyName}}

-要么-


句法:


ng-bind="(input | filter)"

例:


ng-bind="(Collectionstatus | filter:{Value:dt.Status})[0].KeyName"


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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