Angular: указание маршрута на основе выбора переключателя - PullRequest
Новая
       36

Angular: указание маршрута на основе выбора переключателя

0 голосов
/ 10 октября 2019

Я использую переключатели, чтобы отобразить 2 опции для пользователя, и в зависимости от их выбора они перенаправляются на один из двух компонентов (по одному для каждого переключателя). Любые советы / ссылки о том, как проложить маршрут до желаемого пункта назначения, основываясь на их выборе радио.

Шаблон: 

<app-radio-button
     formControlName="collectionOption"
     [groupName]="'collectionOption'"
     [radioOptions]="radioOptions$ | async"
></app-radio-button>

Ts файл: 

ngOnInit() {
    this.form = this.formBuilder.group({
      collectionOption: ['', Validators.compose([Validators.required])],
    });

    this.form.valueChanges.pipe(takeUntil(this.unsubscribe$)).subscribe(() => {
      if (this.form.valid) {
        this.showGlobalError = false;
      }
    });
  }

  onContinueClick() {
    this.isSubmitted = true;

    if (this.form.valid || this.form.controls.collectionOption.value === this.postCard) {
       this.router.navigateByUrl(this.radioOptionOneRoute);  
    } else {
      this.showGlobalError = true;
    }
  }
...