Angular : 如何在选项值中连接 id 和 name

Question

我有一个 *ngFor options,

<select class="form-control" formControlName="industry">
      <option *ngFor="let industry of industries" [value]="industry._id  industry.name_en">{{industry.name_en}}</option>
</select>

我想要的是选项值中的 id 和 name_en，因为我需要将其拆分回组件。

或

是否有任何其他方法可以使用 Angular 获取选项的值和文本？

我的 angular 当前版本是 4.4.4

Answer 1

你能尝试在那里使用字符串插值吗

<option *ngFor="let industry of industries" [value]="industry._id +industry.name_en">{{industry.name_en}}</option>

Answer 2

您可以使用 +

连接两个变量

<select class="form-control" formControlName="industry">
      <option *ngFor="let industry of industries" [value]="industry._id+industry.name_en">{{industry.name_en}}</option>
  </select>

Answer 3

我在我的项目中使用Angular 7，我在表单中生成动态字段，所以我需要用索引定义每个控件的名称，所以我找到了以下内容。

<div class="campform" *ngFor="let condition of conditionArray; let i = index">
   <div class="clr-col-4 gutterpadl gutterpadr">
      <input type="text" name="value{{i}}" ngModel class="borderfield" placeholder="Enter Value">
   </div>
</div>

Angular : 如何在选项值中连接 id 和 name

Angular : How to concat id and name in option value

ngfor

angular