Question

我有一个下拉菜单，其中显示了成年乘客this.adultPaxArr的列表。我需要进行选择乘客 在页面加载时默认保持选中状态。...

在更改事件中，我需要传递所选对象的索引，以使静态文本不能成为数组的一部分。有办法解决吗？

<select (change)="samePax(passengerIndex)" id="samePax{{passengerIndex}}" style="width:325px;" placeholder="Select a Passenger" [(ngModel)]="adultPaxIdx">
 <option [ngValue]="-1">Select a Passenger</option>
  <option *ngFor="let pax of adultPaxArr;let idx = index;" [ngValue]="idx">
      Passenger {{idx + 1}}
  </option>
</select>

Answer 1

在构造函数中将print sess.run(y, feed_dict={x: feed_x, dropout_keep_prob: dropout_prob})的值设置为-1

adultPaxId

Demo

Answer 2

我建议使用ng-if添加一个元素。默认值和布尔值将在您的.ts文件中定义。

<select (change)="samePax(passengerIndex)" id="samePax{{passengerIndex}}" style="width:325px;" placeholder="Select a Passenger" [(ngModel)]="adultPaxIdx">
 <option [ngValue]="-1">Select a Passenger</option>
  <option *ngFor="let pax of adultPaxArr;let idx = index;" [ngValue]="idx">
      Passenger {{idx + 1}}
  </option>

  # Starts here

  <option *ngIf="!initialized" [ngValue]="-1">
      {{default}}
  </option>

</select>

Answer 3

将其更改为：

 <option [ngValue]="undefined">Select a Passenger</option>

Stackblitz for your ref

Answer 4

在ngOnInit方法上使用以下代码

ngOnInit() {
   this.adultPaxIdx = -1;
}

在html中将(change)="samePax(passengerIndex)"更改为(change)="samePax(adultPaxIdx)"，然后在ts方法中添加如下条件

samePax(adultPaxIdx)
{
  if(adultPaxIdx !== -1)
  {
    -- your current code
  }
}

代替使用索引本身使用模型值

Answer 5

您可以这样写...

在HTML

<select (change)="samePax(passengerIndex)" id="samePax{{passengerIndex}}" 
style="width:325px;" placeholder="Select a Passenger" [(ngModel)]="adultPaxIdx">
  <option [ngValue]="null">Select a Passenger</option>
  <option *ngFor="let pax of adultPaxArr;let idx = index;" [ngValue]="idx">
     Passenger {{idx + 1}}
  </option>
</select>

在TS端

adultPaxIdx = null

使选项默认为角度2

5 个答案: