AngularJs：ng-click 不适用于嵌套的 uib-accordion

Question

我使用 nested uib-accordion，我想为每个 uib-accordion 添加 ng-click。

      <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，并且第二次 ng-click 从未调用过。

我可以通过在手风琴的正文中添加第二个 ng-click 来解决这个问题， 但是通过这个解决方案，我必须点击 3 次才能工作第二次 ng-click，第一次打开第一个手风琴，运行 首先 ng-click，第二次打开第二个手风琴，第三次点击功能在嵌套手风琴正文中到 运行 第二个 ng-click。如何通过第一个解决方案将 ng-click functions 分开？

demo on plunker

Answer 1

您遇到的问题似乎与此线程有关：AngularJS ng-click stopPropagation 当您点击第二个 ng-click 时，您必须停止事件传播以防止触发第一个方法。

希望对您有所帮助