Angularjs 将数据预加载到$scope的最有角度的方式

我的应用程序的一部分是完整的AJAX，另一些是传统的POST和reload。使用

$http

将数据导入

$scope

是一项微不足道的任务，但是，当数据在页面加载期间（以大家都知道和喜欢的普通MVC方式）可用于模板而不是事后通过AJAX时，情况又如何呢

考虑以下代码：

<div ng-repeat="address in addresses">
  {{ address.address1 }}
  {{ address.city }}, {{ address.state }} {{ address.zip }}
</div>

{{address.address1}}
{{address.city}，{{address.state}{{{address.zip}

---

我如何在不使用AJAX的情况下将100个动态生成的地址加载到

$scope.addresses

中？

最简单的方法是对“内联”控制器使用ng init：

@model SampleViewModel
...
<div ng-controller="SampleCtrl" ng-init="adresses=@Model.AdressesList">

@model SampleViewModel
...

另一种方法是：

函数SampleCtrl（$scope）{
$scope.adress=@Html.Raw（Json.Encode（Model））；
...
}

ng init

是angularJS在页面加载时对数据进行操作的选项

在这里，您可以实现一个函数，然后将这些动态生成的值分配到

$scope.addresses

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

 /* Populate your Addresses here.*/   

</div>

/*在此处填写您的地址。*/

---

有关更多信息，请参阅

nginit

的文档，您的第一个解决方案正是我所需要的。我刚刚将我的模板变量转换成JSON，效果非常好。不知何故，我从未偶然发现过这一点。谢谢

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

 /* Populate your Addresses here.*/   

</div>