Angular 2双向绑定从html输入标记中删除name属性

发布时间：2020-12-17 18:10:35 所属栏目：安全来源：网络整理

导读：当我在输入标记中进行双向绑定时,将从输入标记中删除name属性.绑定元素是一个数组. div class="row" *ngFor="let box of boxs; let boxindex=index "div class="col-sm-4"labelBoxs/labelinput type="text" name="count[{{boxindex}}]" [(ngModel)]="box[box

当我在输入标记中进行双向绑定时,将从输入标记中删除name属性.绑定元素是一个数组.

<div class="row" *ngFor="let box of boxs; let boxindex=index ">
<div class="col-sm-4">
<label>Boxs</label>
<input type="text" name="count[{{boxindex}}]" [(ngModel)]="box[boxindex]">
</div>
</div>

当我以上述方式编写时,名称属性被删除但是

<div class="row" *ngFor="let box of boxs; let boxindex=index ">
<div class="col-sm-4">
<label>Boxs</label>
<input type="text" name="count[]" [(ngModel)]="box[boxindex]">
</div>
</div>

这样名称属性仍然存在.第一段代码中的错误是什么？
我将此表格发布到Laravel Route.

解决方法

我测试了你的初始代码

<div *ngFor="let box of boxs; let boxindex=index ">
  <div>
   <label>Boxs</label>
   <input #input type="text" name="count[{{boxindex}}]" placeholder={{input.name}}>
  </div>
</div>

on plunkr here它正在工作,应该是别的东西取出你的名字.

编辑

我用2.0.0尝试了相同的代码.虽然我不知道你在这里显示的代码是如何工作的,因为在2.0.0上角度不接受让* ngFor,但#

<div *ngFor="#box of boxs; #boxindex=index ">

你可以找到工作的plunkr here

我强烈建议您将2.0.0解决方案升级到最新版本的Angular.

（编辑：李大同）

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