AngularJs 阻止冒泡

来源:互联网 发布:淘宝怎样延长收货时间 编辑:程序博客网 时间:2024/06/16 20:22
<div class="hlyw-cf-list box-shadow" ng-repeat="cf in cfdata track by $index" ng-click="showfr(cf)">                    <div class="hlye-cf-list-all">                        <div class="hlyw-cf-list-left">                            <div class="hlyw-cf-list-imgs" ng-if="cf.imgList.length>0" >                                <div class="hlyw-cf-list-img" ng-repeat="cfimg in cf.imgList track by $index">                                    <img ng-src="{{cfimg}}" ng-click="previewImage(cfimg,cf); $event.stopPropagation();" class="hlyw-cf-img">                                </div>                            </div>                        </div>                    </div>

代码如上,为了使点击图片时不触发外层div的showfr(cf)方法,在图片的点击事件后追加$event.stopPropagation();阻止事件冒泡。

原创粉丝点击