有条件地添加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>