在AngularJS中递归访问父指令的控制器

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

导读：我需要得到父控制器,所以我的指令有一个require属性,如下所示： module.directive('tag',function () { return { require: '?^tag',restrict: 'E',controller: function () { this.payload = getPayload(); },link: function (scope,element,attrs,ctrl) { u

我需要得到父控制器,所以我的指令有一个require属性,如下所示：

module.directive('tag',function () {
    return {
        require: '?^tag',restrict: 'E',controller: function () {
            this.payload = getPayload();
        },link: function (scope,element,attrs,ctrl) {
            usePayload(ctrl.payload);
        }
    };
});

但是,link函数的ctrl参数返回当前指令的控制器,而不是父节点的控制器. AngularJS文档清楚地表明了这一点：

?^ – Attempt to locate the required controller by searching the element’s parents,or return null if not found.

我究竟做错了什么？

解决方法

文档或代码在这里都是误导性的…要求^使用inheritedData方法查看当前元素然后查看所有父元素(参见 https://github.com/angular/angular.js/blob/master/src/ng/compile.js#L942).因此,您无法使用此方法从父级要求具有相同名称的指令.

当我过去遇到这个问题时,我已经看过了需要做你要求的表格指令.它的控制器方法像这样抓住父母(https://github.com/angular/angular.js/blob/master/src/ng/directive/form.js#L39)：

controller: function($element) {
    var parentForm = $element.parent().controller('form');
}

考虑到这一点,您应该能够调用element.parent().controller(‘tag’)来在控制器或postLink方法中查找父控制器.

（编辑：李大同）

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