AngularJS：如何使对象中的对象调用后续的http调用

Question

我是一个完全有角度的新手，我对角度ng-repeat标签有疑问。

这里我有一个设备列表，它将在html中迭代每个设备。

问题是，如果每个设备将开始使用每个设备的给定device_id来调用单独的api，例如/ devices /：device_id / get_some_thing_else。如何使用哪个ng标签构建我的角度页面？

我希望页面在让每个设备调用单独的API之前首先显示设备列表。

Answer 1

ng-repeat实际上并不进行任何API调用。它只是绑定到一个数组

比如说你在JS文件中有这个变量

$scope.devices = [{name: "device One"}, {name: "device Two"}, {name: "device Three"}];

然后在你的HTML中

<div ng-repeat="device in devices">
<h1>{{device.name}}</h1>
</div>

页面呈现时会显示

device One
device Two
device Three

其中每一行都包含在H1标签中，也包含在DIV标签中

您在javascript文件中负责指定数据如何通过工厂进入$ scope.devices。

每当$ scope.devices中的数据发生变化时，相应的HTML就会出现。