Angular 选项组自动完成设置默认值

Question

如何为以下选项组自动完成示例设置默认值。

https://stackblitz.com/angular/plrolpkqnag?file=src%2Fapp%2Fautocomplete-optgroup-example.ts

Answer 1

如果要设置默认值，可以在 ngOnInit() 中使用此代码

     this.stateForm.patchValue({
         stateGroup: "Alabama",
     });

我的意思是ngOnInit() 必须像下面这样：

    ngOnInit() {
        this.stateGroupOptions = this.stateForm.get('stateGroup')!.valueChanges
            .pipe(
                startWith(''),
                map(value => this._filterGroup(value))
            );

        this.stateForm.patchValue({
            stateGroup: "Alabama",
        });
    }

或者你可以动态地：

    this.stateForm.patchValue({
        stateGroup: this.stateGroups[0].names[0],
    });