Directive Angularjs Ng-App
Instance angularjs
Que l'élément corporel soit appelé l'élément racine de l'application AngularJS:
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </dcript> </ad> <body ng-app = ""> <p> ma première expression: {{5 + 5 + 5 }} </p> </ body> </html>Résultats en cours:
Ma première expression: 10
Définition et utilisation
La directive NG-App est utilisée pour dire à AngularJS d'appliquer l'élément actuel comme élément racine.
Toutes les applications AngularJS doivent nécessiter un élément racine.
Une seule directive NG-App est autorisée dans le document HTML. S'il y a plusieurs directives NG-App, seule la première sera utilisée.
grammaire
<élément ng-app = "modulename"> ... le contenu sur l'élément racine ng-app peut contenir du code angularjs ... </element>
Tous les éléments HTML prennent en charge cette directive.
Valeur du paramètre
| valeur | décrire |
|---|---|
| nom de modulen | Facultatif. Spécifie le nom du module d'application chargé. |
Instance angularjs
Exécuter des modules dans l'application
<! Doctype html> <html> <éad> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </cript> </ad> <body> <div ng-app = "MyApp" ng-controlller = "myctrl"> {{FirstName + "" + LastName}} </div> <script> var app = angular.module ("myApp", []); app.Controller ("myctrl", fonction ($ scope) {$ scope.firstName = "John"; $ scope.lastname = "Doe";}); </cript> </ody> </html>Effet de course:
John Doe
Ce qui précède est l'information triant la directive AngularJS NG-App, et sera ajoutée plus tard.