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

前端之家收集整理的这篇文章主要介绍了angularjs – 使用来自同一指令的链接函数内的指令控制器的函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_301_0@ 也许我对指令控制器是如何工作的根本的误解,从我理解他们被用作一种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

原文链接:https://www.f2er.com/angularjs/145895.html

猜你在找的Angularjs相关文章