我在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>
默认情况下,伪指令仅适用于元素和属性('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
}
});
Angular在这里记录-https: //docs.angularjs.org/api/ng/service/ $ compile#directive-definition-object。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句