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