angular.js - 焦虑!angular的ng-options的问题
问题描述
我现在需要绑定后台获取的数据到select上
后台返回的JSON:
js部分:
<select ng-model='originOptions.nation_id' ng-options='x.nation_id as x.name for x in nation'> <option value=''>请选择</option></select>
然后,读取用户的选择数据,把用户的数据显示到select上,选中状态
但是怎么都绑定不了,一看控制台:
value上全部出现了number:1这样的格式,OK!那我加上track by x.nation_id
number是没有了,但是数据又绑定不了了!
比如:用户选择的是苗族,那么nation_id是6,按道理
$scope.originOptions = {’nation_id’:6}
可以绑定上啊!但是就是不行!是我哪里出错了吗
请问大家怎么回事啊!!
我刚又实验了下:加了track by就绑定不上,去掉就可以!但是又不要value里的字符类型,怎么破~~
问题解答
回答1:ng-model='originOptions'
回答2:没问题呀~就这样就好了。在controller里$scope.originOptions.nation_id得到的就是id值了
回答3:可以看看这篇文章
回答4:controller:
$scope.data = { model: null, nation: [ {nation_id: ’1’, name: ’A’}, ....... ....... ] };
HTML:
<select name='mySelect'ng-options='x.nation_id as x.name for x in data.nation' ng-model='data.model'></select>
试试这样的数据结构
回答5:value里的字符类型通过绑定的ng-model取是不会取到的。
虽然它显示的是 number:1
ngOptions生成出来就是这样的
可以看看文档的例子:https://docs.angularjs.org/ap...
相关文章:
1. python - Pycharm调试代码进行列表遍历时,如何直接赋值指定元素2. atom编译器 如何格式化前端代码文件?3. angular.js - Angular1使用bootstrap轮播条carousel不能自动轮播4. python - 基于scrapy-redis的分布式爬虫运行的时候不能正常运行 遇到的问题如下截图所示5. css3 - 我的css用less写的,eclipse的jsp文件要修改css很麻烦,怎么解决?6. android - 新建项目卡在Gradle:Resolvedependencies’:app:_debugCompile’7. javascript - webpack热加载配置不生效8. angular.js - ng-repeat的数据排序,我用了orderBy: d.supportNum为什么失效?9. Android Studio 中程序添加不上Xutils 3.0 jar包10. javascript - 关于在angularjs的select中遇到的问题!!