AngularJS memiliki beberapa fitur utama, seperti:
1 MVC
2 modular
3 Sistem Perintah
4 Ikatan Data Dua Jalan
Jadi mari kita lihat modularisasi AngularJS.
Pertama, mari kita bicara tentang mengapa Anda perlu menerapkan modularitas:
1 Menambahkan reusability modul
2. Tentukan modul untuk mewujudkan kustomisasi pesanan pemuatan
3 Dalam tes unit, semuanya tidak harus dimuat
Dalam contoh sebelumnya, kode pengontrol ditulis langsung dalam tag skrip, sehingga fungsi yang dinyatakan global, yang jelas bukan pilihan terbaik.
Mari kita lihat cara memodulasi:
<script type = "text/javascript"> var myappmodule = angular.module ('myapp', []); myAppModule.filter ('test', function () {return function (name) {return 'hello,'+name+'!';};}); myAppModule.controller ('myappctrl', ['$ scope', function ($ scope) {$ scope.name = 'xingoo';}]); </script>Pertama, buat modul myappmodule melalui sudut variabel global
angular.module ('myapp', []);
Parameter pertama adalah nama aplikasi aplikasi terikat, yang mengidentifikasi titik masuk sudut di halaman, mirip dengan fungsi fungsi utama.
Parameter kedua [] mengidentifikasi modul dependen.
Mari kita lihat cara menggunakan modul!
<! 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 div-controller = "myappctrl"> {{name | tes}} </div> <script type = "text/javascript"> var myappmodule = angular.module ('myapp', []); myAppModule.filter ('test', function () {return function (name) {return 'hello,'+name+'!';};}); myAppModule.controller ('myappctrl', ['$ scope', function ($ scope) {$ scope.name = 'xingoo';}]); </script> </body> </html>Cukup ikat myApp ke NG-App dan tidak apa-apa.
Dalam skrip, kami membuat filter dan pengontrol melalui modul.
Tujuan filter adalah untuk menambahkan modifikasi string.
Fungsi pengontrol adalah untuk menginisialisasi variabel.
Hasil berjalan dari program ini adalah sebagai berikut:
Di atas adalah penyortiran informasi modular dari AngularJS. Kami akan terus menambahkan informasi yang relevan di masa mendatang. Terima kasih atas dukungan Anda untuk situs web ini!