在选择选项中选择默认值

Question

在我的 Angular 程序中，我有一个选择框，它使用 ngFor 显示许多员工，并使用 ngValue 和 ngModel 从列表中获取员工数量，并在访问时将其用作索引数组。我希望在所有选定的员工之上有一个选项。这是我尝试过的，只要选择了所有员工或其中一名员工，一切都会正常工作，但我希望默认设置为所有员工选项。我该怎么做？

HTML:

<select class="form-control" id="empName" [(ngModel)]="selectedEmployee">
    <option selected>All Employees</option>
    <option *ngFor="let emp of empInfo; let i = index" [ngValue]="i">{{emp.EmpID}} - {{emp.FirstName}} {{emp.LastName}}</option>
</select>

这是我的 ts 中的变量：

selectedEmployee: number;

我试过这两种方法：

<option selected>All Employees</option>

<option selected="selected">All Employees</option>

但都不起作用。

Answer 1

与

[(ngModel)]="selectedEmployee"

class MyComponent {
  selectedEmployee:number = 3;    

你可以使用

 (ngModelChange)="updateSelection($event)"

 updateSelection(value) {
   this.model.employeeNo = value;
 }

Answer 2

您可以删除 ngModel 并在更改时获取员工。在此示例中，所有员工始终是选定选项，您仅在选择更改时检索员工。

<select (change)="updateEmployee($event.target.value)" >
        <option [value]="'All employees'" ></option>
        <template ngFor let-emp [ngForOf]="emplInfo" let-i="index">
          <option [value]="i" >{{emp.empId}}</option>
        </template>
    </select>

Answer 3

大概是这样的吧？

  <label>Employee:</label>
  <select [(ngModel)]="employee.id"
    (ngModelChange)="onSelect($event)">
      <option value="0">--Select--</option>
      <option *ngFor="#employee of employees" 
        value={{employee.id}}>{{employee.name}}</option>

onSelect(value) {
 this.employee.id = value;
}