加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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使用的还不是很熟悉,遇到了一些坑,在填坑的过程中也渐渐对他熟悉了,所以将这些坑记录下来,以便再遇到这种问题的爱好者可以迅速填坑,迅速成长!

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读