導航:首頁 > 凈水問答 > 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過濾器相關的資料

熱點內容
液相用溶劑過濾器 瀏覽:674
納濾水導電率 瀏覽:128
反滲透每小時2噸 瀏覽:162
做一個純凈水工廠需要多少錢 瀏覽:381
最終幻想4回憶技能有什麼用 瀏覽:487
污水提升器采通 瀏覽:397
反滲透和不發滲透凈水器有什麼區別 瀏覽:757
提升泵的揚程 瀏覽:294
澤德提升泵合肥經銷商 瀏覽:929
飲水機後蓋漏水了怎麼辦 瀏覽:953
小型電動提升器 瀏覽:246
半透膜和細胞膜區別 瀏覽:187
廢水拖把池 瀏覽:859
十四五期間城鎮污水處理如何提質增效 瀏覽:915
怎麼測試空氣凈化器的好壞 瀏覽:519
提升泵是幹嘛的 瀏覽:744
布油做蒸餾起沫咋辦 瀏覽:252
廣州工業油煙凈化器一般多少錢 瀏覽:204
喜哆哆空氣凈化器效果怎麼樣 瀏覽:424
油煙凈化器油盒在什麼位置 瀏覽:582