AngularJS - 选择 - 服务器调用的默认值
AngularJS - select - default value with server call
这是一个
常见问题,但在检查了很多博客和堆栈溢出问题后,我不知道答案。
我想在选择框中选择一个默认值,并且选择的值来自服务器 ($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
的值设置为与其中一个选项值相同。
相关文章:
- 我的shareService在angular 2中发送值工作正常,但当我渲染我的另一个组件时,会获得默认值
- 如何将属性值调用到 javascript
- jquerydatetimepicker日期和时间应在框默认值中,而无需单击框
- 如果值为空,如何设置输入的默认值?jQuery
- 骨干模型默认值-todos.js示例中不必要的代码
- jquery日期选择器年份范围默认值
- Html5输入属性的默认值,如最小值、最大值、大小等
- 根据两个下拉列表的默认值禁用按钮
- 如何创建具有默认值的JavaScript对象字段?(AngularJS模型相关)
- Angularjs-设置不带ng选项的select的默认值
- jQuery Datepicker从日期开始设置默认值
- 在这种情况下,调用阻止默认值
- 在下拉列表中加载默认值并调用 onchange 事件
- AngularJS - 选择 - 服务器调用的默认值
- 为什么闭包函数中的 javascript 变量在多次调用时不会重置为默认值
- AWS Lambda调用函数(js sdk): timeout重置为默认值
- 从 JavaScript 调用@JSFunction,类型错误:找不到对象的默认值
- 如何设置通过 AJAX 从另一个页面调用的下拉列表的默认值
- Javascript:如果参数未作为函数调用,则返回默认值
- 使用AJAX调用在select2中设置默认值