即使命名约定正确,也不应用AngularJS指令

时间:2014-05-08 12:15:42

标签: javascript jquery angularjs

这是我的指示:

angApp.directive('stopPropagation', function () {
        return {
            restrict: 'A',            
            link: function (scope, elem, attr) {
                console.log(elem);
                $(elem).click(function (e) {
                    e.stopPropagation();
                });
            }
        }
    });

这是我的HTML代码:

<form stop-propagation>
</form>

console.log永远不会被解雇。我错过了什么?

1 个答案:

答案 0 :(得分:1)

您错过ng-appng-controller将所有内容连接在一起:

<div ng-app="my-app" ng-controller="AppController">
  <form stop-propagation>
    {{message}}
  </form>
</div>

请参阅更新的小提琴:

http://jsfiddle.net/u4NZy/2/