Untuk pengguna biasa, NG-App AngularJS terikat secara manual pada elemen DOM tertentu. Namun, dalam beberapa aplikasi, ini tampaknya tidak nyaman.
Inisialisasi yang mengikat
Menginisialisasi sudut melalui pengikatan akan menyerang kode JS ke dalam HTML, tetapi masih cukup untuk digunakan pemula!
<html> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"> </papping> <pead> <pead non- "mypapp"> </papping> <pead> "Body/" BOADG> "BOADE-" BOADG> </BOADP- "BOADG/BOADG/BOADG/BOADG/BOADG/BOADG/BOADG/BOADG/BOADG/BOADG </APPLIPLY> ng-controller = "myctrl"> {{hello}} </div> <script type = "text/javascript"> var mymodule = angular.module ("myapp", []); mymodule.controller ("myctrl", function ($ scope) {$ scope.hello = "Halo, Angular!";}); </script> </body> </html>Setelah berjalan, halo, Angular akan ditampilkan!
Inisialisasi Manual
Angular juga menyediakan API - Bootstrap yang terikat secara manual, yang digunakan sebagai berikut:
angular.bootstrap (elemen, [modul], [config]);
Elemen parameter pertama: adalah elemen DOM yang mengikat NG-App;
Modul: nama modul terikat
Konfigurasi: Konfigurasi Tambahan
Pandangan singkat pada kode:
<html> <meta http-equiv = "konten-tipe" content = "text/html; charset = utf-8"/> <script src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.min.js"> </script> BODY = "" BODY "/BODY"> </script> </script> </script> "> </script>"> </script> "> </script>"> </script> "> </script>"> </script> "> </script>"> </script> "> </script>"> </script> "> </script>"> </script> "> ng-controller = "myctrl"> {{hello}} </div> <script type = "text/javascript"> var app = angular.module ("bootstraptest", []); app.controller ("myctrl", function ($ scope) {$ scope.hello = "hello, angular dari bootstrap";}); // angular.bootstrap (document.geteLementById ("body"), ['bootstraptest']); angular.bootstrap (dokumen, ['bootstraptest']); </script> </body> </html>Perlu dicatat:
Angular.BootStrap hanya akan mengikat objek yang dimuat pertama.
Binding berulang berikutnya atau objek lain akan mengeluarkan kesalahan kesalahan pada konsol.
Di atas adalah informasi yang menyortir bootstrap AngularJS. Kami akan terus menambahkan informasi yang relevan di masa mendatang. Terima kasih atas dukungan Anda untuk situs ini!