angular2中ngModel绑定问题
来源:互联网 发布:淘宝详情页顺序 编辑:程序博客网 时间:2024/05/21 08:40
ts拿到的数据结构是一个json,json中的结构是类似于数组套数组的数据结构,在页面上显示的时候是一个input框,我需要做的是将类似于[1,2,3,4]这种结构的数据循环拿到其中的1,2,3,4,然后绑定到input上,使用到的是angular2的ngModel绑定,绑定完之后报了错:Cannot assign to a reference or variable!
百度一番大概明白了是什么意思,开始说是重名了,就开始找哪里定义的时候重名了,错误的意思是:无法分配给引用或变量![(ngModel)]是用来数据双向绑定的,该问题正确的解决方法是,当我们取一个循环中的内容给元素使用ngModel绑定时需要写成option[i]的格式。举个例子:
正确写法:
<div *ngFor="let option of question.options; let i=index" class="radio"> <label> <input name="group" type="radio" id="{{option.key}}">{{Alphabet[i]}}{{option.value}} </label> </div>
阅读全文
1 0
- angular2中ngModel绑定问题
- angular2中ngModel绑定问题
- ngModel双向绑定的一些问题
- 使用angular2的[(ngModel)]
- angular2中standalone=“true”和Name attribute must be set if ngModel is used within a form的问题
- 【Angular2】模板语法之 ngModel
- angular2在双向数据绑定时[(ngModel)]无法使用的问题
- 关于Angular2中回调函数与数据绑定不能实时更新的问题
- ngFor中使用ngModel
- Angularjs之ngModel中的值验证绑定
- Angular <select> 和<radio> ngModel 绑定
- ngModel 双向绑定(初学者易错点)
- SpreadJS 在 Angular2 中支持绑定哪些属性?
- angular2中数据绑定方法总结和管道使用
- Angular2中的数据绑定
- angular2属性绑定
- Angular2事件绑定
- Angular2属性绑定
- Spring @FeignClient
- cvGet2D()和cvSet2D()对像素点进行处理
- Mybatis总结
- 计算机网络概述
- STM32CubeMX下FPU,DSP库的移植
- angular2中ngModel绑定问题
- 浅谈对闭包的理解
- springcloud学习(四)之Feign
- HTML meta标签各属性的作用
- 【Nginx】安装教程与发布原型页面
- BZOJ 4720 换教室 (期望dp Floyd)
- linux下gcc或Makefile报错:cannot find -lc
- 1016. Phone Bills (25)
- API中的类