相关疑难解决方法(0)

如何将AngularJS指令设置为stopPropagation?

我试图"停止传播"以防止在点击li中的元素(链接)时关闭Twitter Bootstrap导航栏下拉列表.使用这种方法似乎是常见的解决方案.

在Angular中,似乎是一个指令就是这样做的地方?所以我有:

// do not close dropdown on click
directives.directive('stopPropagation', function () {
    return {
        link:function (elm) {            
            $(elm).click(function (event) {                
                event.stopPropagation();
            });
        }
    };
});
Run Code Online (Sandbox Code Playgroud)

...但该方法不属于元素:

TypeError: Object [object Object] has no method 'stopPropagation'
Run Code Online (Sandbox Code Playgroud)

我指的是指令

<li ng-repeat="foo in bar">
  <div>
    {{foo.text}}<a stop-propagation ng-click="doThing($index)">clickme</a>
  </div>
</li>
Run Code Online (Sandbox Code Playgroud)

有什么建议?

javascript jquery stoppropagation angularjs

75
推荐指数
3
解决办法
6万
查看次数

标签 统计

angularjs ×1

javascript ×1

jquery ×1

stoppropagation ×1