未调用 AngularJS 链接函数

Question

我正在尝试编写我的第一个 AngularJS 指令:一个涉及 link功能。该指令正在加载，但是当我在我的页面中使用它时，link函数没有被调用。

这是 fiddle :http://jsfiddle.net/jCUSh/115/

这是 HTML:

<div ng-app="biApp">
    <google-maps-symbol></google-maps-symbol>
</div>

和 JavaScript:

var appModule = angular.module('biApp', []);

appModule.directive('googleMapsSymbol', function () {
    console.log("Directive was run");
    return {
        link: function (scope, elem, attrs) {
            console.log("Link was called");
        }
    };
});

我敢打赌我做错了一些简单的事情。

Answer 1

angular 的默认设置是假设指令是 attributes ，不是 elements !您正在使用指令作为元素，因此您需要使用限制来指定它。更新后的代码如下:

appModule.directive('googleMapsSymbol', function () {
    console.log("Directive was run");
    return {
        restrict: 'E',
        link: function (scope, elem, attrs) {
            console.log("Link was called");
        }
    };
});

请注意 restrict: 'E', .祝你好运!

更新你的 fiddle : http://jsfiddle.net/j8ZZ4/