Question

我在我的项目中使用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

Answer 1

Protip：如果你包含问题的小提琴手或者是你的问题，那么人们可能会更快，更肯定地做出回应：）

无论如何，您可以使用<uib-accordion-heading>元素指定自定义标题，然后将ng-click附加到标题内的<span>元素;这样，只有在单击文本时才会调用它。

小提琴作为一个例子。它使用的是旧版本的ui-bootstrap，但在你的情况下它基本上是相同的，只需交换<accordion-heading> - ＆gt; <uib-accordion-heading>。

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

angularjs中的手风琴功能

1 个答案: