導航:首頁 > 凈水問答 > ngrepeat過濾器

ngrepeat過濾器

發布時間:2021-02-12 06:40:22

① angular中用ng-repeat創建的元素怎麼獲取其中某幾個

通過寫過濾器來獲取其中某幾個。

比如

<!DOCTYPEhtml><html><head><metacharset="utf-8"><scriptsrc="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><divng-app="myApp"ng-controller="namesCtrl"><p>輸入過濾:</p><p><inputtype="text"ng-model="test"></p><ul><ling-repeat="xinnames|filter:test|orderBy:'country'">{{(x.name|uppercase)+','+x.country}}</li></ul></div><scriptsrc="namesController.js"></script></body></html>

② angularjs內置過濾器filter能不能獲取過濾後的數據

AngularJS的內置過濾器使用方法:
一個過濾器,不帶參數的情況
{{expression | filter}}

一個過濾器,帶參數的情況
{{expression | filter:arguments}}

一個過濾器,帶多個參數的情況
{{expression | filter: arg1: arg2: ...}}

多個過濾器,不帶參數的情況
{{expression | filter1 | filter2 | ...}}
分別使用以下AngularJS的內置過濾器
currency

currency允許我們設置自己的貨幣符號,默認情況下會採用客戶端所處區域的貨幣符號。
可以這樣使用:{{ 3600 | currency: "$¥"}}
返回結果為$¥123.00
online code點擊預覽

number

number過濾器將數字格式化成文本,它的參數是可選的,用來控制小數點後的截取位數
如果傳入的是一個非數字字元,會返回空字元串
可以這樣使用:{{ 3600 | number:2}}
返回結果為:3,600.00
online code點擊預覽

lowercase

lowercase將字元串轉換為小寫
可以這樣使用:{{ "HEllo" | lowercase}}
返回結果為:hello
online code點擊預覽

uppercase

uppercase將字元串轉換為大寫
可以這樣使用:{{ "HEllo" | uppercase}}
返回結果為:HELLO
online code點擊預覽

json

json過濾器可以將一個JSON或者JavaScript對象轉換成字元串。
這個過濾器對調試相當有用
可以這樣使用:{{ {"name":"dreamapple","language":"AngularJS"} | json}}
返回結果為:{ "name": "dreamapple", "language": "AngularJS" }
online code點擊預覽

date

date過濾器將日期過濾成你想要的格式,這個實在是很好的過濾器。
這個過濾器用法很多我這里列舉幾種常用的
{{ today | date: "yyyy - mm - dd"}}
結果為:2015 - 15 - 13
{{ today | date: "yyyy - mm - dd HH:mm::ss"}}
結果為:2015 - 18 - 13 20:18::38
[online code](2015 - 18 - 13 20:18::38)

③ angular filter 對數組過濾時,排除arr怎麼做

js:
$scope.arr = [
["212","上","下","左","右"],
["12","1","2","3","4"],
]

html:
<input type="text" ng-model="text">

<tr ng-repeat="dataTr in arr | filter:text">
<td ng-repeat="dataTd in dataTr">
<ng-switch on="$first">
<span ng-switch-when="true">{{index+1}}</span>
<span ng-switch-default>{{dataTd}}</span>
</ng-switch>
</td>
</tr>

④ angular 過濾器一定要在ng-repeat裡面嗎

小寫過濾器
添加小寫的過濾器,使用管道符的表達式。在這里添加小寫過濾器專,以小寫字屬母列印學生姓名。
Enter first name:<input type="text" ng-model="student.firstName">
Enter last name: <input type="text" ng-model="student.lastName">
Name in Upper Case: {{student.fullName() | lowercase}}

貨幣濾波器
加幣過濾器使用管道符返回數的表達式。在這里,我們添加了過濾器,貨幣使用貨幣格式的列印費用。
Enter fees: <input type="text" ng-model="student.fees">
fees: {{student.fees | currency}}

⑤ angularJS的ng-repeat有沒有辦法橫向遍歷

這個設置個樣式,讓div橫向排列就行了,和ng-repeat沒什麼太大關系

⑥ angular中,ng-repeat產生多個標簽,怎樣獲取每個標簽的高度

|

寫過濾器
比如

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<scriptsrc="
</head>
<body>

<divng-app="myApp"ng-controller="namesCtrl">

<p>輸入過濾:</p>

<p><inputtype="text"ng-model="test"></p>

<ul>
<ling-repeat="xinnames|filter:test|orderBy:'country'">
{{(x.name|uppercase)+','+x.country}}
</li>
</ul>

</div>

<scriptsrc="namesController.js"></script>

</body>
</html>

⑦ angularjs自定義的過濾器只能用一次嗎

這個只能自己寫過濾方法版了權
function unique(arr, key){

var tempArr = arr;

for(var i = 0;i < tempArr.length;i++){

for(var j = 0;j< tempArr.length;j++){

if(tempArr[i][key] == tempArr[j][key]){

arr.splice(j,1);

}

}

}

return arr;
}
unique($scope.items,'name')

⑧ 用angularjs里ng-repeat取到的數據怎麼篩選

兩種解決式: 式1:升級1.4.4版本該問題已經修復; 式2: ng-repeat遍歷象候先按照key排序……所建議json內容改數組某欄位作數組項屬性

⑨ angularJs的ng-switch-when怎麼在 ng-repeat中進行篩選

兩種解決式:
式1:升級1.4.4版本該問題已經修復;
式2:
ng-repeat遍歷象候先按照key排序……所建議json內容改數組某欄位作數組項屬性

閱讀全文

與ngrepeat過濾器相關的資料

熱點內容
還原劑有哪些反滲透 瀏覽:316
簡述edi標準的發展過程 瀏覽:27
什麼是生活污水處理站 瀏覽:771
用吸奶器吸奶往管回 瀏覽:667
樺甸回沈陽用隔離嗎 瀏覽:439
跟物業談合作推銷凈水器怎麼談 瀏覽:986
如何離子交換樹脂測定Ksp因素 瀏覽:110
熱壓成型密胺樹脂產品 瀏覽:982
污水中有蟲是什麼 瀏覽:633
怎麼的分辨凈水機反滲透 瀏覽:72
核廢水什麼色什麼味 瀏覽:226
西安市灞橋污水處理 瀏覽:79
樹脂砂型消失模鑄造 瀏覽:317
與環氧樹脂共聚 瀏覽:926
飲水機為什麼這么臟 瀏覽:379
凈化器濾芯什麼顏色 瀏覽:216
飲水機標簽怎麼用 瀏覽:499
樹脂新型活動板房圖片大全 瀏覽:260
時代小卡汽油濾芯在哪裡 瀏覽:779
400gpdro膜 瀏覽:832