Функция аккордеона в angularjs

Question

Я использую саундтрек в моем проекте. Я добавил символы плюс/минус для заголовка. Функция щелчка должна применяться только для заголовка группы аккордеона. Но в моей программе он применяется для всей панели-группы аккордеона. Итак, если я нажимаю на любую часть панели, функциональность работает. Как это изменить?

Мой код расслоение плотной:

$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: Если включить скрипку или plunker вашей проблемы, люди могут реагировать быстрее и более надежно :)

Во всяком случае, вы можете используйте элемент <uib-accordion-heading> для указания настраиваемого заголовка, а затем присоедините ng-click к элементу <span> внутри заголовка; таким образом, он будет вызываться только при нажатии на текст.

Скриншот в качестве примера. Он использует старую версию ui-bootstrap, но в основном это как раз то же самое, просто поменяйте <accordion-heading> -><uib-accordion-heading>.

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