javascript - 角度のng-bindについての質問

Question

リーリー

プロジェクトにそのようなコードがあります。span は freezerDoorStatus にバインドされています。値のうち 2 つは true、1 つは falseです。p のクラスはブール値に応じて変更できますが、true と falseスパンでは常に が表示されてしまうのですが、表示しないようにするか、スイッチとして表示させる方法はありますか？

Answer 1

具体的なニーズがまだよくわかりません。役立つかどうかを確認してください
ng-show="isOpen" または ng-if="isOpen" を使用してください
その後、コントローラーは $Scope.isOpen の値を true またはに割り当てることができます。偽

Answer 2

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

スタイルを制御する必要がある場合は、ng-class,ng-style, 需要控制显示就使用 ng-if or ng-show,例如:
<span ng-style="{ backgroundColor : yourCondition ? 'red' : 'yellow' }" ></span>

を使用する必要があります

Answer 3

上記は ng-bind の正しい使用法を説明しています。つまり、<span ng-bind = "freezerDoorStatus"></span> は <span>{{freezerDoorStatus}}</span> と同等です。
ただし、スタイルを設定するときは、ng-style または ng-class を使用して、変数の値 (true/false) に基づいてスタイルを表示するかどうかを制御できます。
<p ng-class="freezerDoorStatus ? IFreshMode : 'otherClass'"></p>または次のように ng-style を使用できます<p ng-style="{'color':iconColor}"&gt ;</p>。
詳細な紹介については、angular 公式 Web サイト https://docs.angularjs.org/ap... にアクセスしてください。