Ionic framework 在菜单项激活时更改图标src-离子5

Ionic framework 在菜单项激活时更改图标src-离子5,ionic-framework,ionic4,ionic-native,ionic5,Ionic Framework,Ionic4,Ionic Native,Ionic5,我有一个爱奥尼亚+电子桌面应用程序,在从菜单中选择当前项目时,我希望更改所选项目的图标src。目前,我可以使用“routerLinkActive”属性单独更改项目文本的颜色。如何在链接激活时更改离子图标的src <ion-item lines="none" routerLinkActive="activeHighlight" routerLink="/dashboard" mode="md" class=

我有一个爱奥尼亚+电子桌面应用程序,在从菜单中选择当前项目时,我希望更改所选项目的图标src。目前,我可以使用“routerLinkActive”属性单独更改项目文本的颜色。如何在链接激活时更改离子图标的src

   <ion-item lines="none" routerLinkActive="activeHighlight" routerLink="/dashboard" mode="md" class="menuItems">
      <ion-icon src="assets/icon/Dashboard.svg" slot="start"></ion-icon>
      <ion-label>Dashboard</ion-label>
    </ion-item>

仪表板

这就是当链接处于活动状态时,我如何更改离子标签的样式,我还希望将图标更改为相同的颜色。为此,我尝试仅当该链接处于活动状态时,才将同一图标的另一个svg添加到src中。

希望我正确理解您的问题。 如果你想让你的图标src动态,你可以使用一个变量,而不是硬编码它。 例如:


你好,谢谢你的建议。但实际上我正在寻找某种方法来识别app.ts文件中当前处于活动状态的页面,以便动态更改imageSrc。@MJ2410您可以创建一个检测路由更改并返回当前url的服务。从那里您可以更改src url。
<ion-img class="headerLogo" [src]="imageSource"></ion-img>
imageSource = "assets/icon/Dashboard.svg"