角指令的链接功能不会被调用(Angular directive's link functio

我有与AngularJS向链路功能的问题。 这不是beeing调用，它不会引发任何错误。 此外，在指令的回报模板不会渲染:(应该在哪里是问题吗？谢谢你的答案！

angular.module('sampleApp.game').directive('gameCanvas', function($injector) {      
    console.log('Directive is working'); // this works,

    function linkFn(scope, ele, attrs) {
        console.log('Link function doesnt working :('); // but this not :(
    };

    return {
        scope: {},
        template: '<div class="blabla"></div>',
        link: linkFn
    }   
});

我的HTML模板文件

<div class="jumbotron text-center">
    <h1>Play a game!</h1>
    <p>{{ tagline }}</p>   
    <div class="game-canvas"></div>
</div>

Answer 1:

默认情况下，指令是对元素和属性（“EA”）而已。 限定限制属性作为“C”。 最佳做法是始终明确地定义它。

angular.module('sampleApp.game').directive('gameCanvas', function($injector) {      
console.log('Directive is working'); // this works,

function linkFn(scope, ele, attrs) {
    console.log('Link function doesnt working :('); // but this not :(
};

return {
    scope: {},
    restrict: 'C', //'EA' by default
    template: '<div class="blabla"></div>',
    link: linkFn
}   

}）;

通过角记录在这里- https://docs.angularjs.org/api/ng/service/ $＃编译指令定义对象。

文章来源: Angular directive's link function not being called