javascript - 即使命名约定正确，AngularJS 指令也未应用

Question

这是我的指令:

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 永远不会被触发。我错过了什么？

Answer 1

您缺少将所有内容连接在一起的 ng-app 和 ng-controller:

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

查看更新的 fiddle :

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