Есть ли способ сказать AngularJS не отображать верхний элемент HTML, который имеет директиву ng-if. Я хочу, чтобы angular отображал только контент для детей.
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>
Вот скрипка. http://jsfiddle.net/9mgTS/. Я не хочу #div1
в HTML. Я просто хочу #div2,3,4
, если checked
есть true
.
Возможное решение может добавить ng-if ко всем дочерним элементам, но я не хочу этого делать.