AngularJS - 选择 - 服务器调用的默认值

Question

这是一个经常出现的问题，但在检查了大量博客和stackoverflow问题后，我不知道答案 我想在选择框中选择默认值，select的值来自服务器（$ resource）。我无法在控制器中设置选择的ngModel，因为我还没有列表（我只有一个承诺）。我也尝试配置ngInit但没有成功。

有人可以帮助如何设置来自服务器的列表的第一个元素的选择的默认值吗？

Answer 1

你可以这样做：

<select ng-model="selectedValue" ng-options="o.value for o in values">

在承诺的回归中：

scope.values = response.data;
scope.selectedValue = scope.values[0];

Answer 2

您可以隐藏选择输入，直到承诺完成并仅在之后显示。我通常会显示一个加载器gif，直到我的所有承诺都完成后才会显示所有内容，因此页面中没有空白区域。另外，请注意将ng-model的值设置为与其中一个选项值相同。