javascript - AngularJS : pass data from controller to controller without factory, 服务或广播？

Question

我不想使用服务或工厂，而是想传递例如一组数据。我想从子组件访问父 Controller 中的数据。

工厂和服务被排除在外，因为我最终想将我的应用程序迁移到 Angular 2，并且我不想使用 ngclick，它似乎与广播/向上/打开密不可分。如果有人知道如何使用广播在后台传递数据(无需用户交互，如输入或 ngclick)，它也可以工作:)

我有哪些选择？谢谢!

Answer 1

如果你有嵌套组件，你可以使用require

访问父组件的数据

var child = {
    bindings: {},
    require: {
        parent: '^^parent'
    },
    controller: childController,
    templateUrl: 'child.template.html'
};

现在在您的子 Controller 中，您可以访问父 Controller 的一个实例，因此可以调用方法并访问它的属性:

this.parent.parentMethod();

您在此处的先前答案中有一些更详细的代码:

Where should I place code to be used across components/controllers for an AngularJS app?

您的其他选择:

绑定(bind)

就像指令的 scope 或 bindToController 一样，您可以使用组件的 bindings 属性通过 html 属性绑定(bind)数据和方法

<component-x shared="$ctrl.shared"></component-x>

var componentX = {
    bindings: { shared: '=' }
    ...

$根作用域

切勿使用它来存储数据。它可以工作，但不是为此目的而设计的，并且会导致无法维护的代码。

服务

共享数据应该通过服务完成是一种常见的误解。不过，在 1.5 之前，这是真实且良好的做法。

Controller 继承

另一个不好的做法(imo)。在经典 MVC 应用程序中，嵌套 Controller 可以使用$controller 服务继承父级:

.controller('MainController', function ($scope) {

    $scope.logMessage = function(message) {
        console.log("Message: " + message);
    }

})

.controller('ServicesController', function($scope, $controller) {
    $controller('MainController', {$scope: $scope});
});

广播和发出事件

如果您广播的事件在应用程序范围内(登录、注销等)有意义，那么这是可行的方法。如果您正在更新组件中的变量，请不要使用它。