我有一个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"