javascript - 替换 Angular 中的 html

Question

我在网页上有第一个 div 标签。它包含一些 Angular 范围变量。我想用第二个 div 标签替换它，当发生某些情况时，该标签还包含一些其他 Angular 范围变量。

我尝试的第一种方法是使用“ng-show”。我在 html 上添加第一个和第二个 div，并使用 ng-show 和 ng-hide 将第一个 div 标签设置为可见，将第二个 div 标签设置为不可见。

<div ng-show="showFirstDiv">

</div>

<div ng-hide="showFirstDiv">

</div>

当我在相关 Controller 中将 $scope.showFirstDiv 从 true 更改为 false 并调用 $scope.$apply( )，ng-show 和 ng-hide 属性值发生变化(在浏览器中使用检查元素后)。

但是，这两个 html 标记的可见性没有改变。即使使用 ng-show="false"，第一个 div 也没有消失，即使使用 ng-hide="false"，第二个 div 也没有显示。

我该怎么办？当两个 div 都包含 Angular 范围变量时，是否有更好的方法将一个 div 替换为另一个 Angular 中的 div？

Answer 1

你尝试过ngIf吗？

The ngIf directive removes or recreates a portion of the DOM tree based on an {expression}.

<div ng-if="showFirstDiv">

</div>

<div ng-if="!showFirstDiv">

</div>