角度NGクリックNG-ショーは

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は非表示ですが、説明をクリックすると表示されます。 フラグをtrueまたはfalseに設定して、このように切り替えることができます。

なぜこのコードが機能していないのですか？

Answer 1

NG-場合は、あなただけのvm.expandし、それが動作する拡張変更することができますので、もしあなたが、（拡大）あなたのプリミティブ変数をリンクすることができない理由である子スコープを使用しています...

とあなたのng-ショーはすでに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