используя поле выбора в качестве навигации и при выборе опции он выбрал

Question

Я использую поле выбора в качестве навигации, но моя проблема в том, что он не выбран на странице, которую он открывает.

это мой код

HTML-файл

<select name="navi"  (change)="navigateTo($event.target.value)" [(ngModel)]="target">
<option value="null" [selected]="target === null" disabled>select for navigate</option>
<option value="/profile" [selected]="target === '/profile'">Account/Profile</option>
<option value="/summary" [selected]="target === '/summary'">Summary </option>
<option value="/user" [selected]="target === '/user'">User</option>
</select>

файл TS

target:any;
navigateTo(value) {
    if (value) {
      this.ngOnInit()
        this.router.navigate([value]);
        this.target = value
        console.log(value )
    }
    return false;

}

Надеюсь, вы все можете помочь ..

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

Answer 1

Angular предоставляет маршрутизатор, используйте @ angular / router и настройте app-routing.module.ts, затем вы можете использовать в своем приложении этот код:

<select name="navi">
  <option routerLink='/profile' routerLinkActive='active-link'>Account/Profile</option>
  <option routerLink='/summary' routerLinkActive='active-link'>Summary </option>
  <option routerLink='/user' routerLinkActive='active-link'>User</option>
</select>

Надеюсь, это поможет!