Угловой переключатель Outer Div на основе логического значения

0

Я использую Angular 1.4.7 и вам нужно сделать следующее:

<div ng-if="varIsTrue">
<div ng-if="!(varIsTrue)" my-custom-directive>
  A lot of content
</div>

Таким образом, в основном, если div установлен, отображается только соответствующий div. Я попытался сделать несколько вариантов этого с помощью ng-if и ng-show, но я верю, потому что, поскольку браузер отображает dom, он смешивает его с несколькими div, но это концепция, которую я собираюсь сделать. Кто-нибудь знает, как я могу это сделать?

  • 0
    Вы можете создать поршень? Обычно это работает, если вы включили ngAnimate, это может привести к «забавам», подобным этому, поскольку элементы не удаляются мгновенно. Редактировать - я думаю, что анимации теперь включены по умолчанию, проверьте, нет ли CSS перехода на этих div
  • 0
    О, интересно, я не осознавал, что это должно работать, возможно, я сделал что-то не так и просто предположил, что это не работает. Если я не могу получить это, я создам plunkr
Теги:

1 ответ

1
Лучший ответ

Вы не можете этого сделать, у вас должно быть 2 закрывающих тега

<div ng-if="varIsTrue">
</div>
<div ng-if="!(varIsTrue)" my-custom-directive>
  A lot of content
</div>

или вам придется переключиться на мою собственную директиву

Поделиться
  • 0
    Но один закрывающий тег должен работать? Может я что то не так сделаю попробую еще раз
  • 0
    нет, это не должно работать, ng-if применяется к <div> </ div> не только открывающему тегу
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню