在过去的两天里,我使用了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 };
});
这样,问题就解决了。
以上是本文的全部内容,希望能对您有所帮助,希望大家多多
支持。