angularjs - AngularJS 上的条件渲染

Question

我曾经使用脊椎和 Handlebars 工作，并且能够做类似的事情

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

  more html

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

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

Answer 1

您可以编写一个指令并完全完成您想要的任务，但我认为更好的方法是创建一个div(无条件 - 因为每个打开的 div 元素都必须有一个结束元素)并使用 ng-if 添加动态内容:

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