Я пытаюсь "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>

Какие-либо предложения?