angular2中ngModel绑定问题

落日映苍穹つ 2022-06-11 04:47 233阅读 0赞
  1. 强烈推荐一个大神的人工智能的教程:[http://www.captainbed.net/zhanghan][http_www.captainbed.net_zhanghan]
  2. ts拿到的数据结构是一个jsonjson中的结构是类似于数组套数组的数据结构,在页面上显示的时候是一个input框,我需要做的是将类似于\[1,2,3,4\]这种结构的数据循环拿到其中的1,2,3,4,然后绑定到input上,使用到的是angular2ngModel绑定,绑定完之后报了错:Cannot assign to a reference or variable!
  3. 百度一番大概明白了是什么意思,开始说是重名了,就开始找哪里定义的时候重名了,错误的意思是:无法分配给引用或变量!\[(ngModel)\]是用来数据双向绑定的,该问题正确的解决方法是,当我们取一个循环中的内容给元素使用ngModel绑定时需要写成option\[i\]的格式。举个例子:

正确写法:

  1. <div>
  2. <li *ngFor="let c of question.answer;let i=index">
  3. <input [(ngModel)]="question.answer[i]"/> //注意这一行
  4. </li>
  5. </div>
  6. </div>

错误写法:

  1. <div>
  2. <li *ngFor="let c of question.answer;let i=index">
  3. <input [(ngModel)]="c"/> //区别在这里
  4. </li>
  5. </div>
  6. </div>
  7. 由于对angular使用的还不是很熟悉,遇到了一些坑,在填坑的过程中也渐渐对他熟悉了,所以将这些坑记录下来,以便再遇到这种问题的爱好者可以迅速填坑,迅速成长!

发表评论

表情:
评论列表 (有 0 条评论,233人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Angular2的数据

    实现数据绑定首先要在input的上面添加name属性,否则是绑定不上的。 添加完成name属性后再在input上面添加ng-model=”绑定的变量” <inpu

    相关 Angular--数据

    前言 Angular学习的时候,在数据与数据之间的处理联系是非常重要的,而且处理数据之间的逻辑不是很清楚明白的话,很容易弄混,所以这篇博客总结一下数据与数据之间的关系,简

    相关 Angular2+ 属性

    前言     当要把视图元素的属性 (property) 设置为`模板表达式`时,就要写模板的`属性 (property) 绑定`。     Angular的属性绑定是