如何在下拉列表中使用 angular 路由器？如何在特定条件下进行重定向？

Question

@Component({
  selector: 'app-gender-renderer',
  template:`
        <select [(ngModel)]="selected_status" (ngModelChange) = "change_status($event)" style = "width: 100%;height: 23px;margin: 8px 0;">
        <a [routerLink]="['/monitoring-dashboard',{ outlets: { monitoring_section: ['new-page'] } }]"></a>
        <option value = "apple">Apple</option>
        <option value = "orange">Orange</option>
        <option value = "cherry">Cherry</option>
        </select>
    `
})

这是我在渲染模板中的一组代码在将下拉菜单更改为橙色时，如何重定向到上述路线？还需要在所有 ngModelChange 上调用一个函数吗？

正在函数数据库操作中.... 因此，如果选择橙色，数据库操作和页面重定向都应该发生，在所有其他情况下，只需要数据库操作...

我试过使用标签，但没有用？请帮我弄清楚这个问题？我搜索了解决方案，但无法找出实际问题...

提前致谢

Answer 1

   this.router.navigate(['/', { outlets: { monitoring_section: [''] } }]);

这将路由到目标，此代码块包含在数据库操作的成功中

如何在下拉列表中使用 angular 路由器？如何在特定条件下进行重定向？

How to use angular router inside a drop down?How redirection will happen at a particular condition?

routing

frontend

dropdown

angular

angular8