angularjs中的手风琴功能答案

【问题标题】：accordion functionality in angularjsangularjs中的手风琴功能
【发布时间】：2015-12-10 13:07:41
【问题描述】：

我在我的项目中使用 bootstrap 手风琴。我为标题添加了加号/减号。单击功能应仅适用于手风琴组的标题。但在我的程序中，它正在申请整个手风琴小组。因此，如果我单击面板主体的任何部分，则该功能正在运行。怎么能改变呢？

我的js代码：

$scope.changeIcon = function (index) {
  if($scope.plus[index]=='+ ') {
    $scope.plus[index] = '- ';
  }
  else {

    $scope.plus[index] = '+ ';
  }
};

My HTML code:

<uib-accordion close-others="oneAtATime" class="accordion-data">
   <uib-accordion-group heading="{{plus[$index]}}{{area.areaname}}" ng-repeat="area in areas track by area.areaname" ng-click="changeIcon($index)">
           
  /* Some other stuff */            
              
</uib-accordion-group>
</uib-accordion

【问题讨论】：

有人可以回答这个问题吗？提前致谢。

标签： javascript html angularjs twitter-bootstrap

【解决方案1】：

Protip：如果您在问题中加入一个小提琴或笨蛋，人们可能会更快、更确定地做出响应：)

无论如何，你可以使用<uib-accordion-heading>元素来指定一个自定义的标题，然后将ng-click附加到标题内部的<span>元素上；这样它只会在点击文本时被调用。

以小提琴为例。它使用的是旧版本的 ui-bootstrap，但在您的情况下基本相同，只需交换 <accordion-heading> --> <uib-accordion-heading>。

http://jsfiddle.net/68gk8/156/

【讨论】：