代码之家 › 专栏 › 技术社区 › Sinan Samet

初始化后选择一个选项[关闭]

angular5 typescript angular

0

Sinan Samet · 技术社区 · 7 年前

我在这上面找到了很多答案,但没有一个对我有用。我想要的是在框初始化之后选择第一个选项,因为当前它只选择一个空白选项,而这个选项在初始化之后甚至不可用。

我的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
    });
 }

1 回复 | 直到 7 年前

1

Ploppy 7 年前

而 id 您的 examen 是一个数字,ngmodel的类型为 string 。

角度使用 === 用于检查变量类型的运算符。

因此, '1' != 1 以及 select 无法选择正确的选项。

this.examen_id = 1; 应该修复它。

注意:不要忘记将变量的声明更改为类型 number