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>


原创粉丝点击