如何设置默认值(初始值)当使用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 };
});



这样,问题就解决了。

以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。