javascript - Angular 如何使用不同 Controller 的范围

Question

我有一个 user.list.ctrl 和一个 user.detail.cntr。所有 Controller 都构建为模块，并注入(inject)到我在 app.js 中注入(inject)的“用户模块”中。 (请参阅下面的 plunker 中的完整代码)

我的 Controller 模块

angular.module('user-module', ['user-module.controllers']);

我的用户模块

angular.module('demo.app', ['user-module']);

在两个 Controller 中，我都使用来自 REST 工厂的数据注入(inject) user-Fctr。 (效果很好)

user.list.cntrl 有一个 $scope.refresh()user.detail.cntrl 有一个 $scope.update()

用户.list.cntrl

• 1. 当我输入新记录时，我调用 $scope.refresh() 以便刷新列表。 (这工作正常)

用户.detail.cntrl

• 1. 当我从列表中单击用户时，用户详细信息会加载到不同的 View 中(工作正常)
• 当我更新 user.detail 时，我想调用 $scope.refresh() 来更新 user.list ，但它不起作用。我无法调用 $scope.refresh()

我认为，既然我将同一个工厂注入(inject)到两个 Controller 中，我就可以使用彼此的 $scopes。

关于如何使用 $scope.refresh() (或在更新 user.detail.js 时更新列表)的任何想法

我用所有js文件制作了一个plunker(该plunker不起作用，它只是为了显示我拥有的代码) http://plnkr.co/edit/HtnZiMag0VYCo27F5xqb?p=preview

感谢您查看此内容

Answer 1

这是一个非常概念化的问题。

您已经为每个 View “部分”创建了一个 Controller ，因为它们适用于不同的事件。这就是 Controller 的目的。所以说是对的。

但是，您正在尝试访问在一个 Controller 中编写的刷新功能，在另一个 Controller 中。从字面上看，这是错误的，从那时起，刷新在用户列表 Controller 或详细信息 Controller 中都不合适。

Controller 是一种用于控制(字面上)特定 View 上发生的情况的函数。 - 您可以使用一个用于列表的 Controller 和一个用于详细信息的 Controller 。

要在 Controller 之间共享的功能必须是一项服务。这正是您希望的刷新功能。

每当你将同一个工厂注入(inject) n 个 Controller 时，你不能使用每个 Controller 的作用域。这不是 Controller 的目的。

但是，每当您将同一个工厂注入(inject) n 个 Controller 时，您都可以使用其公开的方法。

您遇到的问题，可以通过以下方式解决:

app.factory( 'sharedFunctions', [ 'factoryId', function sharedFunctions( factoryId ) { 
  var refresh = function () {
   factoryId.getAll(/*your params to query*/)
     .success( function ( response ) {
        //This will return the list of all your records
        return response;
     }); 
  };
  return sharedFunctions;
}]);

注册此工厂服务后，您可以将其注入(inject)到 Controller 中，并且每当您需要刷新时，只需调用该服务的公开方法并将新信息绘制到 View 中即可。

希望它对您有用!