Angular UI-Bootstrap 0.7.0

Question

我正在使用 UI-Bootstrap (http://angular-ui.github.io/bootstrap/#/collapse) 的折叠功能，但是当我使用折叠/切换时，它会丢失数据并仅返回“true”。

这是一个 Plunker 来显示我的问题，http://plnkr.co/edit/e689Wureay8AMZQ9IIno?p=preview

来自代码的 sn-p：

<div ng-repeat="name in names | filter:radioModel:true">
 <span ng-model="namesList" ng-click="name = !name">Toggle collapse {{name.firstName}}</span>
 <hr>
 <div ng-show="name">
 <div class="well well-large">{{name}} -</div> 
</div>

Answer 1

那是因为您在ng-click 中覆盖name：ng-click="name = !name"。这将使nametrue 或false，具体取决于ng-click 被调用的次数。

您想要的是将模型上的属性切换为collapse/uncollapse 以下详细信息：

    <div ng-repeat="name in names | filter:radioModel:true" >
      <!-- change the property name.collapsed -->
      <span ng-model="namesList" ng-click="name.collapsed = !name.collapsed">Toggle collapse {{name.firstName}}</span>
      <hr>

      <!-- use ng-hide to "collapse" -->
      <div ng-hide="!!name.collapsed">
        <div class="well well-large">{{name}} -</div> 
      </div>
    </div>

工作演示：http://plnkr.co/edit/at7ceCYDXwWWlqUlKnkQ?p=preview