Angular2数据绑定动态传递变量

Question

使用角(5)我显示电子邮件的列表

<div *ngFor="let email of user.emailAddresses; let i = index">
  <form-input label="Email Address:"
              name="EmailAddresses[i].EmailAddress"
              [(ngModel)]="user.emailAddresses[i].emailAddress"
              ngDefaultControl></form-input>
</div> 

我的问题是在“名称”属性中。我希望索引“i”作为一个数字传递，尽管它传递i本身（字母）。正确传递索引的方法是什么？

我尝试了这样的东西：

name="EmailAddresses["+'i'+"].EmailAddress"

但显然没有成功。

任何帮助都是受欢迎的。

Answer 1

您可以在迭代中使用电子邮件：

<div *ngFor="let email of user.emailAddresses; let i = index">
  <form-input label="Email Address:"
              [name]="email.EmailAddress"
              [(ngModel)]="user.emailAddresses[i].emailAddress"
              ngDefaultControl></form-input>
</div> 

Answer 2

我设法找到了解决问题的办法。正如我提到的，emailaddress[I]。EmailAddress是一个字符串，不是一个模型-我想要这个精确的文本。不过，我需要动态更新索引。

确切地说，解决方案是：

[name]="'EmailAddresses['+i+'].EmailAddress'"

谢谢你所有的帮助。

Answer 3

从你的评论来看，我认为你需要的是:

<div *ngFor="let email of user.emailAddresses; let i = index">
  <form-input label="Email Address:"
              [name]="'EmailAddresses[' + i + '].EmailAddress'"
              [(ngModel)]="user.emailAddresses[i].emailAddress"
              ngDefaultControl></form-input>
</div> 

这将给<代码> emailaddress[0]。EmailAddres