Suivez les étapes ci-dessous pour créer une application AngularJS
Étape 1: Chargement du cadre
En tant que framework JavaScript pur, il peut être ajouté en utilisant la balise <cript>.
<script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </ script>
Étape 2: Utilisez la directive NG-App pour définir l'application AngularJS
<div ng-app = ""> ... </div>
Étape 3: Le nom du modèle défini avec la directive du modèle NG
<p> Entrez votre nom: <input type = "text" ng-model = "name"> </p>
Étape 4: Utilisez la directive Ng-Bind pour lier la définition de valeur dans le modèle ci-dessus
<p> Bonjour <span ng-bind = "name"> </span>! </p>
Suivez les étapes ci-dessous pour exécuter l'application AngularJS
Utilisez les trois étapes mentionnées ci-dessus dans la page HTML.
testangularjs.html
<Html> <Title> AngularJs Première application </tapie> <body> <h1> Exemple d'application </h1> <div ng-app = ""> <p> mon nom: <input type = "text" ng-model = "name"> </p> <p> bonjour, <span ng-bind = "name"> </scol src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </ script> </ body> </html>
Sortir
Ouvrez Textangularjs.html dans un navigateur Web. Veuillez saisir votre nom et voir les résultats.
Comment intégrer AngularJS avec HTML
La directive NG-App indique le début de l'application AngularJS.
La directive du modèle NG crée une variable de modèle nommée "Nom" dans la page HTML, et a la directive NG-App utilisée dans la div.
Ng-Bind utilise le nom du modèle tant que l'utilisateur entre quelque chose dans la zone de texte s'affiche dans la balise HTML Span.
La balise END </div> indique la fin de l'application AngularJS.
Ce qui précède est l'application AngularJS simple. Nous continuerons d'organiser des informations pertinentes à l'avenir. Merci pour votre soutien à ce site Web.