javascript - AngularJS: Controller 应该为每个项目保存大量的项目或 Controller

Question

我使用的是 angular v1.3.15。我的 Controller 显示一个来自对象数组的大表:

$scope.table = [
  { name: "A",
    availableConnection: [
      { id: 1, displayName: "Foo" },
      { id: 2, displayName: "Bar" },
      ...
    ]},
  { name: "B",
        availableConnection: [
          { id: 1, displayName: "Doo" },
          { id: 2, displayName: "Boo" },
          ...
        ]},
  ...
];

我想知道我的 Controller 是否更好地为数组 $scope.table 中的每个单元格保留 Controller 。

<tr ng-repeat="x in table" ng-controller="RowController">
      <td>
          <select ng-options="a.displayName for a in availableConnection" >                          
          </select>
      </td>
</tr>

我无法复制我的代码，因为它在专用网络中。这个例子解释了我的意思。* 而且整个页面都有一个 Controller ，所以这意味着孔表在 Controller 内。

Answer 1

AngularJS 中的 Controller 通常不用于任何“繁重的工作”，包括大数据集。如果您有一个大型数据集，您应该将您的值存储在一个 JSON 文件中。您可以使用 $http 服务来检索数据:

 $http.get("my_data.json")
    .then(function(response) {
        $scope.table = response.data;
    });

然后您可以只对多个 JSON 文件使用一个 Controller ，然后将其打印在您的 HTML 文件上。希望这对您有所帮助!