如何设置默认值(初始值)当使用AngularJS的NG选项

如何设置默认值(初始值)当使用AngularJS的NG选项
在过去的两天里,我使用了NG选项过程中的初始值是空白的问题。我记得去年我见过它。我忘了怎么解决它。过了一会儿,我把它解决了,我想把它录下来,这样我就可以很容易地遇到同样的问题了。

1。场景:

它是查询列表的窗口,其中一个需要使用下拉菜单,数据通过Ajax传递。
2。实现:

A.html:
B.js:

Var url ='xxxxxx'URL; / / this is only an example, the specific code to write request address available.
http.post美元(URL)。
成功(功能(数据){)
部分美元。选项=数据; / /分配NG选项
});
我认为HTML是写出来的,动态数据被传递给NG选项,所以下拉菜单可以使用。运行后,这几乎是正常的,但是下拉菜单是空白的。单击后,发送背景数据。还有第一个空白项。单击所有下拉选项并选择选项后,空白项将再次消失。
查看在浏览器中加载的HTML发现标记,标签中有一个非后端选项。

-请选择—


讽刺的是,我去年开发的一个页面在下拉菜单中遇到了这个问题,当时有了很大的精力去解决,但是忘了怎么解决,没办法,我试了一个NG init就不行了,还有空白选择第一次展示。
想想这个值有时是undefind应该初始ng模型=价值myselect
这样,我看一些在StackOverflow的论点,我改变myselect JS初始化:当我指定一个值的选择
var url =xxxxxx 'url; / /这只是一个例子,写请求地址可用的特定代码。
http.post美元(URL)。
成功(功能(数据){)
范围=选项=数据;对NG选项的赋值
scope.myselect =美元美元范围。选择{ 0 };
});
这样,问题就解决了。

以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部