Angularjs ng-if directive
Instance angularjs
Décochez et supprimez le contenu:
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> ng-model = "myvar" ng-init = "myvar = true"> <div ng-if = "myvar"> <h1> bienvenue </h1> <p> Bienvenue à ma maison. </p> <hr> </div> <p> L'élément div est supprimé lorsque la case à cocher n'est pas vérifiée. </p> <p> Lorsque la case à cocher est relue, l'élément div sera redéfini. </p> </ body> </html>
Définition et utilisation
La directive NG-IF est utilisée pour supprimer les éléments HTML lorsque l'expression est fausse.
Si le résultat de l'exécution de l'instruction IF est vrai, l'élément supprimé sera ajouté et affiché.
La directive NG-IF est différente de Ng-Hide, où Ng-Hide cache les éléments, tandis que NG-IS supprime les éléments du DOM.
grammaire
<élément ng-if = "expression"> </element>
Tous les éléments HTML prennent en charge cette directive.
Valeur du paramètre
| valeur | décrire |
|---|---|
| Expression | Si l'expression revient fausse, l'élément entier sera supprimé et si cela est vrai, l'élément sera ajouté. |
Ce qui précède est une compilation de la connaissance de base des angularjs. Nous continuerons à l'ajouter plus tard. Merci pour votre soutien.