角度文本框的动态串联名称

Question

您好，我有如下代码

<div *ngFor="let phone of phoneList; let phIndx = index;">
 <div class="peoplePhoneTxtDiv">
  <input [disabled]="phone.disabled" class="peoplePhoneTxtBox" type="text" name={{phone.no}}+"phIndx"
[value]="phone.no" [(ngModel)]="phone.no" required>
  </div>
</div>

我需要动态地将 texbox 名称设为字符串 + 索引的组合。如果 texbox 名称相同，则当我更改一个值时，所有值都会更改。所以我试着按照所示做，但它是一个错误请帮助。

Answer 1

试试这个name="{{phone.no + phIndx}}" 或[name]="phone.no + phIndx"

 <div *ngFor="let phone of phoneList; let phIndx = index;">
  <div class="peoplePhoneTxtDiv">
    <input [disabled]="phone.disabled" class="peoplePhoneTxtBox" 
         type="text" name="{{phone.no+phIndx}}"
         [value]="phone.no" [(ngModel)]="phone.no" required>
   </div>
 </div>

Template Syntax