有没有一种方法告诉AngularJS不要显示具有ng-if指令的顶部HTML元素。我只想让angular显示子内容。
Angular 代码:
有没有办法告诉AngularJS不要显示带有ng-if指令的顶级 HTML 元素,而只显示其子内容?
Angular 代码:
<div ng-if="checked" id="div1">
<div id="div2">ABC</div>
<div id="div3">KLM</div>
<div id="div4">PQR</div>
</div>
渲染的HTML:
<div id="div1">
<div id="div2">ABC</div>
<div id="div3">KLM</div>
<div id="div4">PQR</div>
</div>
我希望的是:
<div id="div2">ABC</div>
<div id="div3">KLM</div>
<div id="div4">PQR</div>
这里有一个 JSFiddle 示例:http://jsfiddle.net/9mgTS/。我不想在HTML中使用 #div1
,只想在checked
为true
时使用#div2,3,4
。
一种可能的解决方案是将ng-if添加到所有子元素,但我不想这样做。
template:function(el,attrs)
根据属性运行一些逻辑并返回适当的HTML。 - charlietfl<ng-container *ngIf="true">
。 - Alexander Taylor