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

AngularJS - select - default value with server call

本文关键字:默认值 调用 服务器 选择 AngularJS      更新时间:2023-09-26
这是一个

常见问题,但在检查了很多博客和堆栈溢出问题后,我不知道答案。
我想在选择框中选择一个默认值,并且选择的值来自服务器 ($resource)。我无法在控制器中设置选择的ngModel,因为我还没有列表(我只有一个承诺)。我也尝试配置 ngInit,但没有成功。

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

你可以做这样的事情:

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

并在承诺的回报中:

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

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