指令与控制器交谈会引发错误

时间:2015-06-23 08:15:05

标签: angularjs

我有buttonView

angularModule.directive('buttonview',function(){
return {
    restrict: 'E',
    controller : "ButtonController",
    template: '<button></button>'
}
})

我给了一个控制器。  angularModule.controller(&#34; ButtonController&#34;,函数($范围){

$scope.onButtonClick = function(){
    alert('button click...');
}

this.addAlert = function(){
    alert("alert in ButtonController..");
};
});

现在我创建了一个应该使用buttonView控制器的numberButtonView。

angularModule.directive("numberButtonview",function(){
return{
    require:"buttonview",
    link : function(scope,element,attrs,btnController){
        btnController.addAlert();
    }
}
});

<number-buttonview></number-buttonview>

这会引发错误&#34;指令&#39;按钮视图&#39;指令&#39; numberButtonview&#39;,无法找到!&#34;

这可能是什么问题?

1 个答案:

答案 0 :(得分:1)

在这里我发现answer.number-buttonview不是指令,但它是为指令buttonview创建的属性,因此它不是给出属性的正确方法

<number-buttonview></number-buttonview>

给出属性的正确方法是

<buttonview number-buttonview></buttonview>