Latest web development tutorials

Filter AngularJS

Filter dapat menggunakan karakter pipa (|) untuk menambah ekspresi dan instruksi.

Filter AngularJS

Filter AngularJS dapat digunakan untuk mengkonversi data:

filter deskripsi
mata uang nomor Format diformat sebagai mata uang.
filter Memilih subset dari item dari array.
huruf kecil Format string ke huruf kecil.
orderby pengaturan Array menurut ekspresi.
huruf besar Format string ke huruf besar.

Tambahkan Filter Expressions

Menyaring melalui karakter pipa (|), dan filter ditambahkan ke ekspresi. .

((Dua contoh di bawah ini, kita akan menggunakan bagian sebelumnya disebutkan pengendali orang))

huruf besar string filter diformat sebagai huruf besar:

AngularJS contoh

<Div ng-app = "myApp " ng-controller = "personCtrl">

<P> nama adalah {{lastName | huruf}} < / p>

</ Div>

Coba »

Filter huruf kecil untuk string format huruf kecil:

AngularJS contoh

<Div ng-app = "myApp " ng-controller = "personCtrl">

<P> nama adalah {{lastName | huruf kecil}} < / p>

</ Div>

Coba »

Filter mata uang

Mata uang filter digital akan diformat sebagai format mata uang:

AngularJS contoh

<Div ng-app = "myApp " ng-controller = "costCtrl">

<Jenis Masukan = "angka" ng -Model = "kuantitas">
<Jenis Masukan = "angka" ng -Model = "harga">

<P> total harga = {{(kuantitas * harga) | mata}} </ p>

</ Div>

Coba »

Tambahkan filter untuk instruksi

Menyaring melalui karakter pipa (|), dan filter ditambahkan ke direktif.

orderby pengaturan Filter Array menurut ekspresi:

AngularJS contoh

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

<Ul>
<Li ng-repeat = "x dalam nama | orderby: 'negara'">
{{X.name + ',' + x.country}}
</ Li>
</ Ul>

<Div>

Coba »

filter input

Filter input melalui karakter pipa (|), dan filter ditambahkan ke direktif, filter diikuti dengan titik dua dan nama model.

Filter filter pilih subset dari array:

AngularJS contoh

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

<P> <input type = " text" ng-model = "test"> </ p>

<Ul>
<Li ng-repeat = "x dalam nama | filter: Tes | orderby: 'negara'">
{{(X.name | huruf besar) + ',' + x.country}}
</ Li>
</ Ul>

</ Div>

Coba »