AngulaJs: ng-click не работает на netsted uib-accordion

Question

Я использую nested uib-accordion, и хочу добавить ng-click каждому из uib-аккордеона.

 <uib-accordion close-others="oneAtATime1"> 
      <div uib-accordion-group class="panel-default" is-open="prInfo.isOpen" heading="{{prInfo.name}}" 
       ng-click="getPayrolls(prInfo)" 
       ng-repeat="prInfo in allPersonInfoNames"> 
       <uib-accordion close-others="oneAtATime2"> 
        <div uib-accordion-group class="panel-default" heading="{{payroll.logPeriod.name}}" 
         ng-click="getPayroll(payroll)" 
         ng-repeat="payroll in prInfo.payrolls | orderBy: 'logPeriod.dbId': reverse = true"> 
         <div class="row"> 
          <div class="col-md-4"> 
           <h1>in nested accordion</h1> 
          </div> 
         </div> 
        </div> 
       </uib-accordion> 
      </div> 
     </uib-accordion> 

Так что, когда я нажимаю на первом аккордеона, первый нг-клик работать корректно, но когда я нажимаю на второй аккордеона, снова первый ng-click называется, а второй нг-не будет нажата кнопка не вызывается. для открытия первого аккордеона

я могу решить эту проблему путем добавления второго ng-click в теле аккордеона, но это решением, я должен нажать 3 раза, чтобы работать второй нг-клик, в первый раз и запустить первый ng-click, второй время для открытия второго аккордеона и третий раз нажмите на функцию в вложенном корпусе аккордеона, чтобы запустить второй ng-click. Как я могу отделить ng-click functions первым решением?

demo on plunker

Answer 1

Проблема ваша облицовочный, кажется, связана с этой темой: AngularJS ng-click stopPropagation При нажатии на вторую нг-клик, вы должны остановить распространение события, чтобы предотвратить первый метод срабатывают.

Надеюсь, что это может помочь