$ event.stopPropagation不能很好地处理Bootstrap数据切换

我有一个元素列表，每个元素都包含一个ng-click。嵌套在每个元素中的是应该切换Bootstrap模式的div。

我已将$ event.stopPropagation添加到嵌套div，因为我不希望父元素的ng-click事件触发，但是这会导致模式无法开始显示。

<div id="segment{{segment.Id}}" class="message" ng-class="{activeSegment: segment.Selected}" ng-click="!segmentIsLoaded || selectSegment(segment)"> 
     <div> 
      <div class="pull-left"> 
       <span>ID: {{segment.Id}}</span> 
       <span>{{segment.Name}} </span> 
       <i class="fa fa-info-circle fa-lg" data-toggle="tooltip" data-original-title="{{segment.Description}}" tooltip></i><br /> 
             <small>{{formatJsonDate(segment.Updated)}}</small> 
       </div> 
       <div class="btn btn-danger pull-right" data-toggle="modal" data-target="#deleteSegmentModal" ng-click="$event.stopPropagation();"> 
        <span><i class="fa fa-trash-o" aria-hidden="true"></i></span> 
       </div> 
     </div> 
    </div>

任何已知的解决此问题的方法？

我也许应该提到stopPropagation（）的作用就是防止点击事件触发。我的问题是自举模式没有被通过数据切换属性激活

来源

2017-05-04 Jan Molbech

_“这个任何已知的变通办法？” _以编程方式打开模式。嵌套在每个元素里面的是一个按钮“_不，不存在。 – zeroflagL

_嵌套在每个元素里面的是一个button_将它改为_Nested里面的每个元素是一个** div ** _ Happy？ –

您是否尝试过使用指令

<a ng-click='expression' stop-event='click'> 
.directive('stopEvent', function() { 
    return { 
     restrict: 'A', 
     link: function (scope, element, attr) { 
      if(attr && attr.stopEvent) 
       element.bind(attr.stopEvent, function (e) { 
        e.stopPropagation(); 
       }); 
     } 
    }; 
});

检查，以便链接How can I make an AngularJS directive to stopPropagation?

来源

2017-05-04 08:52:40

你能解释一下为什么，使用指令，会停止与推导数据切换事件推断角？ –

$ event.stopPropagation不能很好地处理Bootstrap数据切换

回答

相关问题