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

我在angular 7中使用选择框作为导航。我希望它在页面上被选中。但问题是它没有按预期工作

这是我的密码

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>

希望你们都能帮忙

---

提前感谢

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>

帐户/个人资料
总结
使用者

---

希望有帮助

很抱歉，但我认为如果您使用RouterLink活动属性，它应该会像您预期的那样工作。请记住，您在css文件中设置了活动链接类，并提供了所需的样式。或者将默认选择的类放入RouterLink活动属性。太多抱歉。。。我误解了你的回答…非常感谢你的解释。。

<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>