有条件地添加HTML元素

Question

我仅在检查条件之后才尝试将HTML元素添加到div中。 我尝试有条件地添加指令和附加元素，但我做不到。

Answer 1

您有两个选择： ng-show和ng-if指令：

ng-show

ng-show指令通过在元素中添加或删除ng-hide CSS类来分别显示或隐藏元素。

基本示例：

<div id="someDiv" class="myDivClass" ng-show="myCtrl.user.attribute == true"></div>

ng-if

ng-if指令实际上会删除并重新创建该元素。 请注意，使用ng-if指令的元素具有自己的作用域，当从DOM中删除该元素时，该作用域将被破坏。

基本示例：

<div id="someDiv" class="myDivClass" ng-if="myCtrl.user.attribute == true"></div>

Answer 2

您可以尝试以下方法：

<div>
    <span ng-if="x == 1">Conditional element</span>
</div>