Как использовать 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?

В функции db происходит операция ... ТАК, если при выборе оранжевого цвета должна происходить как операция db, так и перенаправление страницы, во всех остальных случаях требуется только операция db. ..

Я пытался с тегом, но не работает? Пожалуйста, помогите мне разобраться в проблеме? Я искал решение, но не могу выяснить фактическую проблему ...

Заранее спасибо

Answer 1

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

Это приведет к цели, этот кодовый блок включен в успешное выполнение операции БД