Ich versuche "stopPropagation", um zu verhindern, dass ein Twitter Bootstrap-Navigationsleisten-Dropdown geschlossen wird, wenn auf ein Element (Link) in einem Li geklickt wird. Die Verwendung dieser Methode scheint die Regel zu seinLösung.

In Angular scheint eine Richtlinie der richtige Ort zu sein, um dies zu tun? Also habe ich:

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

... aber die Methode gehört nicht zum Element:

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

Ich knüpfe an die Richtlinie an

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

Irgendwelche Vorschläge?