Javascript 链接函数未在AngularJS指令中运行
我的角度指示有问题。它似乎没有运行链接功能 我觉得这很明显,但我就是想不出来 该指令是必需的,如下所示Javascript 链接函数未在AngularJS指令中运行,javascript,angularjs,angular-directive,Javascript,Angularjs,Angular Directive,我的角度指示有问题。它似乎没有运行链接功能 我觉得这很明显,但我就是想不出来 该指令是必需的,如下所示 angular.module('test').requires // ["injectedModule"] 代码如下 任何帮助都将是惊人的 angular .module('test',['injectedModule'])) .控制器(‘测试仪’[ 函数(){ this.test=功能(数据){ 警报(数据); } } ]); 有棱角的 .module('injectedModule',
angular.module('test').requires // ["injectedModule"]
代码如下
任何帮助都将是惊人的
angular
.module('test',['injectedModule']))
.控制器(‘测试仪’[
函数(){
this.test=功能(数据){
警报(数据);
}
}
]);
有棱角的
.module('injectedModule',[])
.指令(“测试”[
函数(){
返回{
限制:'E',
范围:正确,
链接:函数(范围、元素、属性){
警报(范围、要素、属性);
}
};
}
]);代码>
在我看来
restrict: 'E',
应该是
restrict: 'A',
你的指令根本没有被调用 在我看来像
restrict: 'E',
应该是
restrict: 'A',
你的指令根本没有被调用 我认为错误在于您对指令的限制。
您将指令限制为仅匹配元素(换句话说,是标记)。您应该限制匹配属性“A”。这是官方文件
这是你的
代码示例:
angular
.module('injectedModule', [])
.directive('testing', [
function() {
return {
restrict: 'A',
scope: true,
link: function(scope, element, attrs) {
alert(scope, element, attrs);
}
};
}
]);
我认为错误在于你对指令的限制。
您将指令限制为仅匹配元素(换句话说,是标记)。您应该限制匹配属性“A”。这是官方文件
这是你的
代码示例:
angular
.module('injectedModule', [])
.directive('testing', [
function() {
return {
restrict: 'A',
scope: true,
link: function(scope, element, attrs) {
alert(scope, element, attrs);
}
};
}
]);