javascript - Une question sur ng-bind en angulaire

Question

<p class="IFreshMode">
     <span ng-bind = "freezerDoorStatus"></span>
                   </p>

Il y a un tel morceau de code dans le projet. La durée est liée à congélateurDoorStatus. Cette valeur a deux valeurs, une est vraie et une est fausse. La classe de p peut être modifiée en fonction de la valeur booléenne, mais la durée est toujours. affiche vrai et faux. Existe-t-il un moyen de ne pas l'afficher ou de l'afficher comme activé ou désactivé ?

Answer 1

Je ne comprends toujours pas très bien vos besoins spécifiques. Voyez si cela vous aide
Utilisez ng-show="isOpen" ou ng-if="isOpen"
Ensuite, le contrôleur peut attribuer la valeur de $Scope.isOpen à true ou faux

Answer 2

ng-bind相当于代替表达式方式 {}，例如：
<span ng-bind="someValue" ></span>
等价于
<span>{{ someValue }}</span>

Si vous avez besoin de contrôler le style, vous devez utiliser ng-class,ng-style, 需要控制显示就使用 ng-if or ng-show,例如:
<span ng-style="{ backgroundColor : yourCondition ? 'red' : 'yellow' }" ></span>

Answer 3

Ce qui précède décrit l'utilisation correcte de ng-bind, c'est-à-dire que <span ng-bind = "freezerDoorStatus"></span> est équivalent à <span>{{freezerDoorStatus}}</span>.
Mais lors de la définition du style, vous pouvez utiliser ng-style ou ng-class pour contrôler si le style est affiché en fonction de la valeur de la variable (vrai/faux).
Vous pouvez utiliser<p ng-class="freezerDoorStatus ? IFreshMode : 'otherClass'"></p>ou utiliser ng-style, comme suit<p ng-style="{'color':iconColor}"> ;</p>.
Vous pouvez accéder au site officiel d'Angular https://docs.angularjs.org/ap... pour une introduction détaillée.