如何在下拉菜单中使用角度路由器？在特定条件下如何进行重定向？

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上调用一个函数吗？

在函数中，db操作正在发生...。因此，如果选择橙色，则应该同时执行数据库操作和页面重定向，在所有其他情况下，仅需要数据库操作...

我尝试过使用标签，但是没有用？请帮助我找出问题所在？我正在寻找解决方案，但无法找出实际问题...

先谢谢您

Answer 1

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

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