Fitur lain dari AngularJS adalah menyediakan filter yang dapat mengoperasikan hasil data dengan mengoperasikan pipa di bawah UNIX.
Dengan menggunakan jaringan pipa, tampilan tampilan dalam pengikatan data dua arah dapat difasilitasi.
Selama pemrosesan, filter mengubah data menjadi format baru, dan dapat menggunakan gaya jaringan pipa dan menerima parameter tambahan.
Metode implementasi
Mari kita lihat bagaimana mendefinisikan dan menyatakan filter. Pertama, kita masih perlu membuat modul kita sendiri myappmodule
var myappmodule = agular.module ("myapp", []);
Berikutnya, berdasarkan modul, buat filter:
myappmodule.filter ("reverse", function () {
});
Di mana terbalik adalah nama filter, diikuti dengan deklarasi metode filter, dan metode lain dikembalikan dalam metode:
myAppModule.filter ("reverse", function () {return function (input, huruf besar) {var out = ""; for (var i = 0; i <input.length; i ++) {out = input.charat (i)+out;} if (Uppercase) {out = out.tuppercase ((i)+out;} if (UPPERASE) {out = out.tuppercase ();Metode yang dikembalikan internal berisi dua parameter, satu adalah nilai input, yang merupakan nilai yang diterima oleh filter kami.
Jika Anda ingin mengimplementasikan filter berikut:
Nama | balik
Kemudian input adalah nilai yang diwakili oleh nama.
Parameter berikut adalah opsional. Kami di sini menerima nilai bool dari huruf besar dan menentukan apakah akan melakukan konversi kasus.
Tidak perlu menjelaskan kode internal. Akhirnya, kembalikan string yang difilter.
Sampel program
<! Doctype html> <html ng-app = "myapp"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/<script src = "http:/apapps.bdimg.com/libs/angular.js =" http:12.mal </head> <body> <v ng ng-controller = "myappctrl"> name: {{name}} <br> nama terbalik: {{name | Reverse}} <br> nama terbalik & huruf besar: {{name | Reverse: true}} </div> <script type = "text/javascript"> var myappmodule = angular.module ("myapp", []); myappmodule.controller ("myappctrl", ["$ scope", function ($ scope) {$ scope.name = "xingoo";}]); myAppModule.filter ("reverse", function () {return function (input, huruf besar) {var out = ""; for (var i = 0; i <input.length; i ++) {out = input.charat (i)+out;} if (Uppercase) {out = out.tuppercase ((i)+out;} if (UPPERASE) {out = out.tuppercase (); </script> </body> </html>Hasil berjalan
Di atas adalah kumpulan informasi tentang filter khusus AngularJS. Kami akan terus menambahkan informasi yang relevan di masa mendatang. Terima kasih atas dukungan Anda untuk situs ini!