在angularjs中调用另一个控制器下的一个控制器

Question

我想在 LoginController 下调用 Homecontroller。以下是两个控制器的代码：

//Login controller
    app.controller('LoginController', function ($scope, $cookieStore) {
        $cookieStore.put('email','test@gmail.com');
        // need to call Homecontroller here
    });

// Home controller
app.controller('HomeController', function ($scope, $cookieStore, $location) {


      if ($cookieStore.get('email') != null) {
            $scope.wecomeMessage = $cookieStore.get('email');
        }
        else
        {
            $scope.wecomeMessage = "";
        }
    });

Answer 1

我认为您误解了 Angular 控制器的责任。

如何使用 Angular 文档中的控制器：

使用控制器来：

• 设置 $scope 对象的初始状态。

• 向 $scope 对象添加行为。

不要使用控制器来：

• 操纵 DOM - 控制器应仅包含业务逻辑。
• 将任何表示逻辑放入控制器会显着影响 它的可测试性。
• Angular 对大多数情况和指令都有数据绑定 封装手动 DOM 操作。
• 格式输入 - 使用角度 而是表单控件。
• 过滤器输出 - 改用角度过滤器。
• 在控制器之间共享代码或状态 - 改用 Angular 服务。
• 管理其他组件的生命周期（例如，创建 服务实例）。

因此，如果您想创建一些可重用的代码块，您只需要创建一个角度服务，该服务将包含具有所需逻辑的功能。然后您可以将其注入到两个控制器中，它们将具有必要的功能。

示例：

app.controller('LoginController', function ($scope, $cookieStore, helperService) {
    $cookieStore.put('email', 'test@gmail.com');

    $scope.wecomeMessage = helperService.getMessage();

});

// Home controller
app.controller('HomeController', function ($scope, $cookieStore, $location, helperService) {

    $scope.wecomeMessage = helperService.getMessage();
 });


app.service('helperService', function ($cookieStore) {

    this.getMessage = function () {
        return $cookieStore.get('email') != null ? $cookieStore.get('email') : "";
    };

});