如何使用angular操纵DOM？

Question

所以基本上我的控制器中有一个变量 $scope.choose:

我想要的是根据这个变量的值，我想修改html视图

在 ejs 中实现了类似的东西

<% if($scope.choose==1){%>
<div>
Condition true {{choose}}
</div>
<%}else{&>
<div>
Condition false {{choose}}
</div>
<%}%>

我不知道这段代码是否正确，但我希望你只使用 angular w/o ejs

就能得到我想要实现的目标

Answer 1

您可以使用 ng-if 指令或 ng-switch :

<div ng-if="choose">
   Condition true
</div>
<div ng-if="!choose">
   Condition false
</div>

ng-if 评估一个布尔值和 ng-switch 一个值：

<div ng-switch="choose">
  <div ng-switch-when="1">
    choose = 1
  </div>
  <div ng-switch-when="2">
    choose = 2
  </div>
</div>

参见 ng-if doc and ng-switch doc。