Angular 响应式级联下拉列表

Question

对于级联下拉列表，在更改国家/地区时，必须重置状态值。
我怎样才能做到这一点？
这就是我所做的
demo

Answer 1

我让你 HERE 你的叉子按你的需要工作。

您所要做的就是使用 valueChanges 订阅 'Country' 字段的更改，就像我在这里使用 formFieldCountryValueChanges 所做的一样$ 可观察：

private formFieldCountryValueChanges$: Observable<any>;

ngOnInit() {
    this.myForm = this.formBuilder.group({
      Country: ['', [Validators.required]],
      State: ['', [Validators.required]],
    });

    this.countries = this.selectService.getCountries();

    this.formFieldCountryValueChanges$ = this.myForm
      .get('Country')
      .valueChanges.pipe(
        tap((_arrayStates) => {
          this.myForm.patchValue({ State: '' });
          return _arrayStates;
        })
      );
    this.formFieldCountryValueChanges$.subscribe();
  }