Angularjs： - 填充组合框的最佳实践

Question

我是Angularjs的新手。我有一个场景，我通过一个执行Ajax调用的服务填充我的所有组合框（$ http get方法使用不同的url请求 - 每个组合框的数据不同）它将如何影响我的应用程序。有没有更好的方法呢？提前致谢。

Answer 1

Angular消除了将数据直接专门映射到元素的必要性，您只需将数据放入$ scope中，Angular将负责其余部分。

<select ng-model="selectedOption" ng-options="o.text for o in selectOptions"></select>

然后在你的控制器中：

$http.get(url).then(function (result) {
    $scope.selectOptions = result.data;
});

在HTTP请求完成之前，下拉列表中没有任何项目，此时脏检查将导致UI自行更新。

当然，如果在整个地方使用相同的数据，将HTTP调用隔离到共享服务是明智的。