angular.js - angularjs 動的 ID に基づいて div を表示する方法

Question

次のように HTML で p の ID コードを動的に設定します。

リーリー

HTML 解析後、次のような動的 ID の効果が確認できます:

リーリー

これらの p を表示するかどうかを動的に制御したいと考えています。このコードを js で書きました:

リーリー

結果は期待した効果が得られず、クリックするたびに 3 ps が表示されました。私が望む効果を達成する方法はありますか?

Answer 1

理由はわかりませんが、class="ng-hide" を style="desplay:none" に変更したところ、うまくいきました。 。 。

Answer 2

ng-show と ng-hide は使用できますか?

Answer 3

項目に「isShow」フィールドを追加します。デフォルト値は false です。

リーリー

ボタンをクリックすると、isShowの値が反転します。

リーリー

Answer 4

angular.js で要素の表示を制御するには 2 つの方法があります。1 つは ng-show ng-hide で、もう 1 つは ng-if です。

Answer 5

データを再編成し、要素を非表示にするかどうかを制御するには ng-hide を使用することをお勧めします。

リーリー

Answer 6

別の属性を追加してpのカスタム属性に書き込んでng-ifで判定する？

Answer 7

https://github.com/xufei/ng-c...