Як я можу зробити директиву AngularJS, щоб зупинити поширення?

Я намагаюся "stopPropagation", щоб запобігти закриттю спадного меню навігаційної панелі Twitter Bootstrap, коли клацне елемент (посилання) всередині li. Використання цього методу, здається, є загальним рішенням .

У Angular, здається, директива - це місце для цього? Отже я маю:

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

... але метод не належить елементу:

TypeError: Object [object Object] has no method 'stopPropagation'

Я пов’язую директиву з

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

Будь-які пропозиції?

Я використав такий спосіб: Створив директиву:

    .directive('stopEvent', function () {
        return {
            restrict: 'A',
            link: function (scope, element, attr) {
                if(attr && attr.stopEvent)
                    element.bind(attr.stopEvent, function (e) {
                        e.stopPropagation();
                    });
            }
        };
     });

що можна використовувати таким чином:

<a ng-click='expression' stop-event='click'>

Це більш загальний спосіб зупинити поширення будь-яких подій.

"В даний час деякі директиви (тобто ng: click) зупиняють розповсюдження подій. Це перешкоджає взаємодії з іншими фреймворками, які покладаються на фіксацію таких подій." - посилання

... і зміг виправити без директиви, а просто зробивши:

<a ng-click="doThing($index); $event.stopPropagation();">x</a>

stopPropagationмає викликатися для об'єкта події, а не самого елемента. Ось приклад:

compile: function (elm) {
    return function (scope, elm, attrs) {
        $(elm).click(function (event) {
            event.stopPropagation();
        });
    };
}

Ось проста абстрактна директива про зупинення розповсюдження подій. Я думаю, це може бути корисно комусь. Просто перейдіть у тому випадку, якщо ви хочете зупинитися.

<div stopProp="click"></div>

app.directive('stopProp', function () {
  return function (scope, elm, attrs) {
    elm.on(attrs.stopProp, function (event) {
        event.stopPropagation();
    });
  };
});