AngularJS ng-if instruction

Exemple

!DOCTYPE　html
<html>
<head>
<meta　charset="utf-8">
<script　src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body　ng-app="">
Conserver HTML: <input type="checkbox" ng-model="myVar"　ng-init="myVar = true">
<div　ng-if="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
<hr>
</div>
<p>Quand le cadre est désélectionné, l'élément DIV sera supprimé.</p>
<p>Quand le cadre est réselectionné, l'élément DIV sera redessiné.</p>
</body>
</html>

Testez pour voir ‹/›

Définition et utilisation

ng-if Cette instruction est utilisée pour supprimer l'élément HTML lorsque l'expression est false.

Si le résultat de l'instruction if est true, l'élément sera ajouté ou supprimé et affiché.

ng-if l'instruction est différente de ng-hide, ng-hide masque l'élément, tandis que ng-if c'est de supprimer l'élément du DOM.

Syntaxe

　　　<element　ng-if="expression"></element>

Tous les éléments HTML supportent cette instruction.

Valeur du paramètre

Valeur	Description
expression	Si l'expression renvoie false, l'élément entier sera supprimé, si true, l'élément sera ajouté.

AngularJS 参考手册

AngularJS 参考手册 AngularJS Select(选择框)

AngularJS Basic Tutorial

AngularJS ng-if instruction

Définition et utilisation

Syntaxe

Valeur du paramètre