Угловых нг-клик нг-шоу перестали работать

Question

У меня есть этот небольшой фрагмент коды:

<li ng-if="vm.data.Description" ng-click="expand=!expand">{{vm.data.Description}}</li> 
<li ng-if="vm.data.LongDescription" ng-show="expand">{{vm.data.LongDescription}}</li> 

vm.data.Description и vm.data.LongDescription содержат значение.

LongDescription скрыт, но когда я нажимаю «Описание», он становится видимым. Я переключаюсь следующим образом, устанавливая expand flag true или false.

Почему этот код не работает?

Answer 1

нг-если используется ребенок область действия, поэтому вы не можете связать свою примитивную переменную (развернуть), так что если вы можете просто изменить расширение на vm.expand и он будет работать ...

и ваш ng- шоу не нужен там вы уже нг-если для него ...

<li ng-if="vm.data.Description" ng-click="vm.expand=!vm.expand">{{vm.data.Description}}</li> 
<li ng-if="vm.data.LongDescription && vm.expand">{{vm.data.LongDescription}}</li> 

и здесь работает PLUNKER