angular2中ngModel绑定问题
强烈推荐一个大神的人工智能的教程:[http://www.captainbed.net/zhanghan][http_www.captainbed.net_zhanghan]
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>
<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使用的还不是很熟悉,遇到了一些坑,在填坑的过程中也渐渐对他熟悉了,所以将这些坑记录下来,以便再遇到这种问题的爱好者可以迅速填坑,迅速成长!
还没有评论,来说两句吧...