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

前端之家收集整理的这篇文章主要介绍了Angular 2双向绑定从html输入标记中删除name属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我在输入标记中进行双向绑定时,将从输入标记删除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.

猜你在找的Angularjs相关文章