2016-08-16 3 views
0

Я использую Угловое 1.4.7 и нужно сделать следующееУгловой переключатель Outer Div на основе булевой

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

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

+0

Вы можете создать plunker? Обычно это сработает, если у вас включен ngAnimate, это может вызвать «funnies», как это, когда элементы arent удаляются мгновенно. Редактировать - я думаю, что анимации включены по умолчанию сейчас, проверьте, нет ли перехода CSS на те divs – Chris

+0

Oh Интересно, что я не понимал, что он должен работать, возможно, я сделал что-то неправильно и просто предположил, что он не работает. Если я не могу это получить, я создам plunkr – ruevaughn

ответ

1

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

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

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

+0

Но один закрывающий тег должен работать? Может быть, я сделал что-то неправильно, я попробую еще раз – ruevaughn

+0

нет, он не должен работать, ng-if применяется к

не только открывающий тег – DMCISSOKHO

+0

Так что нет способа заставить его работать с одним div? Это мой первоначальный вопрос – ruevaughn

Смежные вопросы