Angularjs:将所需的指令控制器注入控制器而不是链接功能

前端之家收集整理的这篇文章主要介绍了Angularjs:将所需的指令控制器注入控制器而不是链接功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
正常情况下有角度

如果您有父指令和子指令,则在父指令的控制器中创建方法,并要求您的子指令中的父控制器.角度将父控制器传递到您的子指令链接功能中.

我的用例

我有一个用例,子指令是另一个指令的父对象.我在中间的指令要求的顶部指令.中间指令是最后一个指令在底部所要求的.

在一个简单的世界中,我可以创建一个链接方法和一个中间指令的控制器.链接方法处理与顶部控制器的所有内容,并将中间控制器传递到底部指令.

在我的情况下,中间指令的控制器中的方法必须调用父进程中的方法,所以我需要中间控制器中的顶级控制器,而不是中间命令的链接功能

问题

如何将控制器注入控制器而不是链接功能

angular.module('app').directive('top',function () {
    return {
        $scope: true,templateUrl: "top.html",controller: function() {
            this.topMethod = function() {
                // do something on top
            }
        }
    }
});

angular.module('app').directive('middle',templateUrl: "middle.html",require: "^top",controller: function($scope,$attrs,topController) {
            this.middleMethod = function() {
                // do something in the middle

                // call something in top controller,this is the part that makes everything so complicated
                topController.topMethod();
            }
        }
    }
});

angular.module('app').directive('bottom',templateUrl: "bottom.html",require: "^middle",link: function(scope,element,attrs,middleController) {
            $scope.bottomMethod = function() {
                // do something at the bottom

                // call something in the parent controller
                middleController.middleMethod();
            }
        }
    }
});
实际上还有另一种方法比较冗长和 is used by the angular ngModel itself
var parentForm = $element.inheritedData('$formController') || ....

基本上他们使用控制器存储在指令dom元素的data属性中的事实.

仍然有点有线,但不那么冗长,更容易理解.

我没有看到为什么您不能将所需的控制器传递到指令控制器的注入本地的原因.

猜你在找的Angularjs相关文章