angularjs – 使用来自同一指令的链接函数内的指令控制器的函数

发布时间：2020-12-17 08:42:17 所属栏目：安全来源：网络整理

导读：也许我对指令控制器是如何工作的根本的误解，从我理解他们被用作一种API暴露在其他指令控制器。我试图获得控制器和链接功能内部通信。例如，我想能够通过控制器功能设置一个变量，然后在链接功能中使用它： var app = angular.module('test-app',[]);app.di

也许我对指令控制器是如何工作的根本的误解，从我理解他们被用作一种API暴露在其他指令&控制器。我试图获得控制器和链接功能内部通信。

例如，我想能够通过控制器功能设置一个变量，然后在链接功能中使用它：

var app = angular.module('test-app',[]);

app.directive('coolDirective',function () {
    return {
        controller: function () {
            this.sayHi = function($scope,$element,$attrs) {
                $scope.myVar = "yo"
            }
        },link: function(scope,el,attrs) {
            console.log(scope.myVar);
        }   
    }
});

如何在链接功能中访问myVar或sayHi？还是我刚刚错过了点？

两个控制器的$ scope(在控制器中定义，不在sayHi函数中)和链接范围相同。在控制器中设置东西可以从链接或反之亦然。

你有的问题是说，Hi是一个从不触发的函数，因此myVar从未设置。

由于sayHi不在范围内，您需要一个对控制器的引用，并且可以添加第四个参数，如下所示：

link: function(scope,element,attr,ctrl) {}

然后你可以做一个ctrl.sayHi()(但是，sayHi的那些参数属于控制器函数。)

如果你需要另一个控制器，并仍然想使用自己的指令，那么你将需要它。所以如果这coolDirective需要访问的控制器notCoolAtAll你可以做：

require: ['coolDirective','notCoolAtAll']

这将做的伎俩。链接函数将接收一个控制器数组作为第四个参数，在这种情况下，第一个元素将是coolDirective ctrl，第二个元素是notCoolAtAll。

这里有一个例子：http://plnkr.co/edit/JXahWE43H3biouygmnOX?p=preview

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!