AngularUI 引导切换选定元素

【问题标题】：AngularUI bootstrap toggle selected elementAngularUI 引导切换选定元素
【发布时间】：2013-09-07 14:19:43
【问题描述】：

我是一个关于角度的菜鸟。我需要一种方法来仅切换页面上的一个元素。

这里是 plunker：http://plnkr.co/edit/W1eqgKiv5wv0hNkLDuzb?p=preview

如果我单击一个按钮，所有 div 都会被切换/折叠，但我需要一种方法来仅折叠/切换子元素。

【问题讨论】：

标签： angularjs angularjs-directive angular-ui

【解决方案1】：

每个模型 div 控制自己的命运怎么样...

Plunker：http://plnkr.co/edit/rBCB9CflM7TsEEK5IAk1?p=preview

<div>
  <button ng-model="collapsed1" ng-click="collapsed1 = !collapsed1">Toggle collapse</button>
  <div ng-show="collapsed1">
    <div class="well well-large">Some content</div> 
  </div>
</div>

【讨论】：

我找到了相同的解决方案。谢谢！！但是如何使每个可折叠面板默认折叠呢？我应该将每个范围声明为 false 吗？
使用 ng-hide 反转 ng-show 或反转折叠为 !collapsed1