angular2中ngModel绑定问题
发布时间:2020-12-17 10:27:01 所属栏目:安全 来源:网络整理
导读:ts拿到的数据结构是一个json,json中的结构是类似于数组套数组的数据结构,在页面上显示的时候是一个input框,我需要做的是将类似于[1,2,3,4]这种结构的数据循环拿到其中的1,4,然后绑定到input上,使用到的是angular2的ngModel绑定,绑定完之后报了错:Cann
ts拿到的数据结构是一个json,json中的结构是类似于数组套数组的数据结构,在页面上显示的时候是一个input框,我需要做的是将类似于[1,2,3,4]这种结构的数据循环拿到其中的1,4,然后绑定到input上,使用到的是angular2的ngModel绑定,绑定完之后报了错:Cannot assign to a reference or variable! 百度一番大概明白了是什么意思,开始说是重名了,就开始找哪里定义的时候重名了,错误的意思是:无法分配给引用或变量![(ngModel)]是用来数据双向绑定的,该问题正确的解决方法是,当我们取一个循环中的内容给元素使用ngModel绑定时需要写成option[i]的格式。举个例子: 正确写法: <div>
<li *ngFor="let c of question.answer;let i=index">
<input [(ngModel)]="question.answer[i]"/> //注意这一行
</li>
</div>
</div>
错误写法:
<div> <li *ngFor="let c of question.answer;let i=index"> <input [(ngModel)]="c"/> //区别在这里 </li> </div> </div>由于对angular使用的还不是很熟悉,遇到了一些坑,在填坑的过程中也渐渐对他熟悉了,所以将这些坑记录下来,以便再遇到这种问题的爱好者可以迅速填坑,迅速成长! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |