更改菜单项激活时的图标src-Ionic 5



我有一个Ionic+Electron桌面应用程序,在从菜单中选择当前项目时,我希望更改所选项目的图标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动态,你可以使用一个变量,而不是硬编码。示例:

<ion-img class="headerLogo" [src]="imageSource"></ion-img>

Ts文件:

imageSource = "assets/icon/Dashboard.svg"

最新更新