Angularjs 是否可以从HTML而不是JavaScript初始化数据绑定？

我的意思是，假设我有这个HTML：

<ul ng-controller="ContactsCtrl">
  <li ng-repeat="contact in contacts">
    <div class="name">{{name}}</div>
    <div class="email">{{email}}</div>
  </li>
</ul>

如果我想从HTML端初始化集合的内容呢？比如：

<ul ng-controller="ContactsCtrl" ng-model="contacts">
  <li>
    <div class="name" ng-bind="name">Dan</div>
    <div class="email" ng-bind="email">dan@example.com</div>
  </li>
  <li>
    <div class="name" ng-bind="name">Bob</div>
    <div class="email" ng-bind="email">bob@example.com</div>
  </li>
</ul>

丹
dan@example.com


上下快速移动
bob@example.com

然后从JavaScript中，我将根据HTML中的内容初始化

$scope.contacts

---

这可能吗？

您可以在html中执行

ng init=”“

来初始化一个或多个变量集，但这似乎不是您所要求的。你为什么想要第二个例子？你想用它做什么？

如果你至少有。。。500条记录，另一种方式是“复制和粘贴”-它会更快

下面是简短的信息“它是如何工作的”

---

有一种方法：但这不是角度的方法！避开它！你的控制器是完美的@迈克尔：哈哈，谢谢！你让你的代码变得不稳定！好问题！我承认我所问的问题可能会与做事的角度冲突，在这种情况下，我可能不会这么做。但出于好奇，我仍然对答案感兴趣。上下文：我正在将现有的应用程序从更传统的MVC框架迁移到Angular。我想知道，与其用JavaScript初始化我的数据进行大的重构，我是否可以利用已经呈现的HTML，只需做一些修改，就可以在JS端“返回”数据。你可以，但你不应该。角度将更灵活，更少混乱。如果这不是你所希望的答案，那很抱歉。不，我同意这个答案：）

<ul ng-controller="ContactsCtrl" ng-model="contacts">
  <li>
    <div class="name" ng-bind="name">Dan</div>
    <div class="email" ng-bind="email">dan@example.com</div>
  </li>
  <li>
    <div class="name" ng-bind="name">Bob</div>
    <div class="email" ng-bind="email">bob@example.com</div>
  </li>
</ul>