因此,当前我正在路由到一个页面以从策略获取文档列表。我还引入了所有的策略,这样您就可以在select表单中导航,并使用传递的策略号将您重新路由到该表单。有没有办法选择使用新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,但一旦更改,就会提交到新页面。
最佳答案
//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>
关于angular - 使用Material Select和Angular 6的routerLink路由页面,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/52936803/