如何使用下拉列表 Angular 中的列表进行路由 2
How to route using list in Dropdown Angular 2
<select class="form-control" id="category" required [(ngModel)]="model.category" name="category" #category="ngModel">
<option disabled>None</option>
<option> Add New </option>
<option *ngFor= "let i of data1" [value]="i.id">{{i.category}}</option>
</select>
如果我 select 从下拉列表中添加新选项,它应该路由到此路径 ['/pages/products/dashboard'] .
我已经尝试通过 <option [routerLink]="['/EmployeeData']">
中的 link 但它不起作用。
您可以在 select
元素上监听 onchange
事件,并将您的路由逻辑放在一个函数中,当事件来自 Add New
选项时触发。
<select class="form-control" id="category" required [(ngModel)]="model.category" name="category" #category="ngModel">
<option disabled>None</option>
<option> Add New </option>
<option *ngFor= "let i of data1" [value]="i.id">{{i.category}}</option>
</select>
如果我 select 从下拉列表中添加新选项,它应该路由到此路径 ['/pages/products/dashboard'] .
我已经尝试通过 <option [routerLink]="['/EmployeeData']">
中的 link 但它不起作用。
您可以在 select
元素上监听 onchange
事件,并将您的路由逻辑放在一个函数中,当事件来自 Add New
选项时触发。