Pour les utilisateurs ordinaires, NG-App d'AngularJS est lié manuellement à un certain élément DOM. Cependant, dans certaines applications, cela semble gênant.
Initialisation de liaison
L'initialisation Angular par liaison envahira le code JS dans le HTML, mais il suffit de l'utiliser des novices!
<html> <éadfr> <méta http-equiv = "contenu-type" content = "text / html; charset = utf-8" /> <script src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"> </cript> ng-controller = "myctrl"> {{hello}} </ div> <script type = "text / javascript"> var mymodule = angular.module ("myApp", []); myModule.Controller ("myctrl", fonction ($ scope) {$ scope.hello = "Bonjour, angulaire!";}); </cript> </ body> </html>Après avoir coulé, bonjour, Angular sera affiché!
Initialisation manuelle
Angular fournit également une API - bootstrap lié manuellement, qui est utilisé comme suit:
angular.bootstrap (élément, [modules], [config]);
Le premier élément de paramètre: est l'élément DOM qui se lie à Ng-App;
modules: nom de module lié
config: configuration supplémentaire
Un bref aperçu du code:
<html> <meta http-equiv = "contenu-type" content = "text / html; charset = utf-8" /> <script src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular ng-controller = "myctrl"> {{hello}} </ div> <script type = "text / javascript"> var app = angular.module ("bootstraptest", []); app.Controller ("myctrl", function ($ scope) {$ scope.hello = "Bonjour, angulaire de bootstrap";}); // angular.bootstrap (document.getElementById ("Body"), ['bootstraptest']); angular.bootstrap (document, ['bootstraptest']); </cript> </ body> </html>Il convient de noter:
Angular.bootstrap ne liera que le premier objet chargé.
Les liaisons répétées suivantes ou autres objets publieront des invites d'erreur sur la console.
Ce qui précède est l'information triant Bootstrap AngularJS. Nous continuerons d'ajouter des informations pertinentes à l'avenir. Merci pour votre soutien à ce site!