如何为 select-option angular 设置默认值

How to set default value for select-option angular

我想在 ngOninit 中为 select 选项 'John' 设置默认值(当页面加载时)。我不确定我是否正确使用 select 选项。如有错误请指正

我正在尝试使用表单组和表单控件设置值。但是我无法在页面加载时设置默认值。

这是 stackblitz link,我试图在页面加载时将默认值设置为 'John',但它是空白的。如有不妥请指正,谢谢

Link: stackblitz link

OnInit event runs before the FormControl is connected to the select in the template that is why it does not get updated. Call the set value in the AfterViewInit 事件,当一切都已经初始化时,select 将从 FormControl 中获取值。

这是一个 link to a fork of your StackBlitz 演示。

如果选项中没有 value,它将无法工作:

<option *ngFor="let name of names" [value]="name">{{name}}</option>