Fatal编程技术网

基于angularjs的条件渲染

angularjs

基于angularjs的条件渲染,angularjs,Angularjs,我曾经用脊梁和把手工作，能够做类似的事情 {{ if condition }} <div class="container"> {{ endif }} more html {{ if condition }} </div> {{ endif}} {{if条件} {{endif}} 更多html {{如果条件}} {{endif}} 我知道我可以使用ng，但我想有条件地显示一个元素的开头和结尾，而不是整个元素。您可以编写一个指令并完全实现您想要的，但我认

我曾经用脊梁和把手工作，能够做类似的事情

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

  more html

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

{{if条件}
{{endif}}
更多html
{{如果条件}}
{{endif}}
我知道我可以使用ng，但我想有条件地显示一个元素的开头和结尾，而不是整个元素。

您可以编写一个
指令
并完全实现您想要的，但我认为更好的方法是创建一个div（无条件-因为每个打开的div元素都必须有一个结束元素）并使用
ng（如果
）在内部添加动态内容：

<div>
  <div ng-if="cond1"></div>
  <div ng-if="cond2"></div>
  <!-- ETC...... -->
</div>
这是一种最简单、最好的方法，可以根据需要在控制器中手动操作的某些条件，对要呈现的任何HTML元素使用“ng if”属性

例如：

<div ng-if = "expression">
</div>
此表达式的计算结果应为布尔值，即true或false，在此您可以指定多个条件，这些条件的计算结果应为true或false

对于多个条件示例，请查看此小提琴：

在“ngif文档”的示例部分查看此示例：

angular在html源代码中工作时只处理完整元素，而不是html片段。使用更高级模板的指令，编写指令无论如何，这听起来是一件非常糟糕的事情！可能会重复