如何为选择选项角度设置默认值

时间:2020-06-25 21:14:14

标签: angular typescript forms formgroups

我想为ngOninit中的选择选项'John'设置默认值(加载页面时)。我不确定是否正确使用了select选项。如果我错了,请纠正我。

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

这是stackblitz链接,在该链接中,我试图在页面加载时将默认值设置为“ John”,但它为空白。请纠正我,如果我在任何地方错了,谢谢

链接:stackblitz link

2 个答案:

答案 0 :(得分:1)

OnInit事件在模板FormControl连接到模板中的select之前运行,这就是为什么它没有更新的原因。一切都已初始化后,请在AfterViewInit事件中调用设置值,以便selectFormControl获取值。

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

答案 1 :(得分:0)

在选项中没有value的情况将无法正常工作

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