ng-init 通过函数

Question

如您所知，可以按如下方式初始化对象：

<div ng-init="friends = [{name:'John', phone:'555-1276'},
                         {name:'Mary', phone:'800-BIG-MARY'},
                         {name:'Mike', phone:'555-4321'},
                         {name:'Adam', phone:'555-5678'},
                         {name:'Julie', phone:'555-8765'},
                         {name:'Juliette', phone:'555-5678'}]"></div>

是否可以通过函数来​​定义类似的对象：

<div ng-init="init()">

我的目标实际上是从 API 中获取对象并通过 ng-repeat 将它们显示在列表中

Answer 1

documentation 表示ng-init 将采用任何表达式。所以是的，只要相关范围定义了一个名为init() 的函数，您就可以在上面做您想做的事情（我也验证了它是为了好玩）。

请注意，文档中说 ng-init 实际上仅用于为 ng-repeat 内的属性设置别名：

ngInit 的唯一适当用途是为 ngRepeat，如下面的演示所示。除了这种情况，你应该使用 控制器而不是 ngInit 来初始化作用域上的值。

最后，请注意，您可以在创建控制器时简单地初始化变量。所以根本没有必要使用ng-init。例如：

var myApp = angular.module('myApp', []);

myApp.controller('myController', ['$scope', function($scope){

  $scope.init = function() {
    $scope.a = 'Apples';
    $scope.b = 'Bees';
    $scope.c = 'Zebras';
  };
  // runs once per controller instantiation
  $scope.init();

}]);

Answer 2

所以根本不需要使用 ng-init

有时您希望通过在视图中传递数据来初始化某些东西，这可能在模板化页面（例如 .NET MVC）中使用，您希望将信息从 .NET 传递到 Angular（控制器已经拥有数据和最简单的方法是在 ViewBag 中传递它）。

要做到这一点，“正确”的方式是迂回的，并且难以维护，因为您必须在页面上嵌入一个具有固定 ID 的脚本标签，并再次使用 javascript/jquery 将数据拉入控制器中的范围使用硬编码的 ID。

无论哪种方式都会打破（好吧，kludges）角度的 MVW 模式，所以，我猜，选择你的毒药。