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

熱點內容
什麼相當半透膜滲透作用 瀏覽:559
小米凈水器需要用什麼水 瀏覽:533
乙醇對不飽和樹脂會變慢嗎 瀏覽:588
新買的飲水機為什麼會有塑料味 瀏覽:451
水垢溫度 瀏覽:896
污水排放超標十四倍處罰多少 瀏覽:367
edi的兩大要素 瀏覽:25
溶劑型sma樹脂 瀏覽:103
pvdf超濾芯內壓式好不好 瀏覽:496
豪爵vf125怎麼換空氣濾芯 瀏覽:672
安吉爾a6新濾芯怎麼清洗 瀏覽:713
怎樣去除茶壺里的水垢小妙招 瀏覽:854
反滲透r0膜好壞如何區別 瀏覽:129
南宮純水岸的電費怎麼交 瀏覽:145
為什麼飲水機一股狐臭味 瀏覽:736
cod中廢水怎麼處理 瀏覽:802
水處理化驗室安全管理制度 瀏覽:446
焦化廢水吡啶 瀏覽:606
天正中污廢水管的坡度如何設置 瀏覽:591
純水燉人參湯是什麼顏色 瀏覽:402