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>

希望有帮助！

使用选择框作为导航，并在选择选项时将其选中

1 个答案: