Question

我曾经使用骨干和把手，并且能够做像

这样的事情

{{ if condition }}
  <div class="container">
{{ endif }}

  more html

{{ if condition }}
  </div>
{{ endif}}

我知道我可以使用ng-if但是我想有条件地显示一个元素打开和关闭而不是整个元素。

Answer 1

你可以写一个directive来完成你想要的，但我认为更好的做法是创建一个div（无条件 - 因为每个open div元素都必须有一个结束元素）并使用ng-if在里面添加动态内容：

<div>
  <div ng-if="cond1"></div>
  <div ng-if="cond2"></div>
  <!-- ETC...... -->
</div>

Answer 2

最简单，最好的方法是根据您可以根据需要在控制器中进行操作的某些条件，对要渲染的任何HTML元素使用“ng-if”属性。

例如：

<div ng-if = "expression">
</div>

此表达式应该被评估为布尔值，即true或false，在这里你可以指定多个条件，也应该评估为true或false。

对于多个条件示例，请查看此小提琴： http://jsfiddle.net/9Ymvt/820/

在“ngif doc”的示例部分中查看此示例：