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获取选项的值和文本？

我的当前角度版本为 4.4.4

Answer 1

您可以使用+

连接两个变量

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

Answer 2

我在项目中使用的是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>

Answer 3

你可以尝试使用String Interpolation

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

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

3 个答案: