Маршрутизация страницы с использованием выбора материалов и routerLink, Angular 6

Question

Так что в настоящее время я направляюсь на страницу, чтобы получить список документов из политики.Я также ввожу все политики, чтобы вы могли перемещаться по форме выбора и перенаправлять вас к ней с пропущенным номером политики.Есть ли способ получить при выборе опции навигации с использованием нового URL.

 <mat-form-field name="selectPolicy">
      <mat-select placeholder="Change Policy">
        <mat-option *ngFor="let policy of policies" [routerLink]="['../', policy.policyNbr]">{{policy.policyTypeDesc}}
          #{{policy.policyNbr}}
        </mat-option>
      </mat-select>
    </mat-form-field>

на данный момент, это меняет мой URL, но действительно отправляется на новую страницу после изменения.

Answer 1

В классе, может быть после ngOnInit, если у вас есть один

Answer 2

//assuming you have a route set up to take the value as a param
navigateTo(value){
  console.log(value);
  this.router.navigate(['../',value]);

}

 <mat-form-field name="selectPolicy">
        <mat-select placeholder="Change Policy" (selectionChange)="navigateTo($event.value)">
          <mat-option *ngFor="let policy of policies" [value]="policy.policyNbr">
            #{{policy.policyNbr}}
          </mat-option>
        </mat-select>
      </mat-form-field>