javascript - Angular Controller 的动态属性

Question

我正在尝试根据不同的值动态加载 Controller ，并想知道这样做的实际方法是什么？见下文。

我正在尝试在其所在的 Controller 中检索 data-post-id 属性的值。

假设我在同一页面上有多个 CommentsController div，并且每个 div 都与不同的 data-post-id 关联。

任何帮助将不胜感激。

谢谢。

JS

app.controller("CommentsController", function($scope, $http) {
   $scope.comments = [];
   $scope.load = function() {
      $http.get("https://myapi.com/comments.json", [post_id: post_id])
          .success(function(data) {
              $scope.comments = data;
          });
   };
   // Load the data
   $scope.load();
});

HTML

<div ng-controller="CommentsController as comments" data-post-id="30">
   <div ng-repeat="comment in comments">
      {{ comment.body }} - {{ comment.author }}
   </div>
</div>

Answer 1

这可能发生在您的 angular.module('app').config(function(){

您可以拥有一组 Controller 类型，即 var yourCtlrTypes = ['comments','posts','users'] 然后使用 Angular 的 Controller Provider在该数组的循环内部。您的循环将为数组中的每个名称创建一个 Controller ，每个 Controller 还可以根据数组对 $scopes 和变量进行特殊命名。即 images[x] = {}，其中 x 是循环数组中的当前项目。

});

让我知道这是否有意义或者我可以制作一个演示。