处理AngularJs中的切换功能

Question

我对AngularJs很新。我必须切换一个部分并使用下面的ng-click：

                  <div class="panel panel-secondary scroll" href="#feedList-os" class="collapsedOs" ng-model="collapsedOs" ng-click="collapsedOs=!collapsedOs">
                      <ul id="feedList-app" class="list-group" ng-show="collapsedOs">
                        <li class="list-group-item clearfix">
                            <div class="panel panel-container scroll">
                               <button id="details" class="btn btn-danger" data-toggle="modal" data-target="#myModal">Details</button>
                            </div>
                        </li>
                    </ul>
                </div>

这可以正常工作，但我在div中有一个按钮，类panel panel-container scroll有一个按钮。我不希望将切换逻辑应用于单击按钮。即使我覆盖按钮上的ng-click，也不会覆盖默认功能。

Answer 1

如果在内部按钮上添加ng-click，则可以传入事件对象$event。

 <button id="details" class="btn btn-danger" data-toggle="modal" data-target="#myModal" ng-click='doWork($event)'>Details</button>

在处理程序代码中，您可以阻止此事件的冒泡。

$scope.doWork($event) {
   $event.stopPropagation 
}