Question

我在堆栈上找到了很多答案，但它们都不适用于我。我想要的是在初始化框之后选择第一个选项，因为它目前只选择一个空白选项，在初始化后甚至不可用。

我的HTML：

              <select [(ngModel)]="examen_id" name="examen_id" class="form-control" formControlName="examInput">
                <option *ngFor="let examen of examensStudent" [ngValue]="examen.id">{{examen.naam}}</option>
              </select>

在Typescript中，这就是我的尝试：

export class StudentUploadComponent implements OnInit {
    @Input() examensStudent: Examen[] = [];
    examen_id: string;

 ngOnInit(){
    this.serv.getExams().subscribe(data => {
      this.examensStudent = data;

      this.examen_id = '1'; // This is where I try to change it to option 1
    });
 }

Answer 1

虽然id的{{1}}是一个数字，但ngModel的类型为examen。

Angular使用string运算符来检查变量类型。

因此，===和'1' != 1无法选择正确的选项。

select应该修复它。

注意：不要忘记更改变量的声明以键入this.examen_id = 1;

初始化后选择一个选项

1 个答案: