Android 更改NativeScript中的标签样式onTap

Android 更改NativeScript中的标签样式onTap,android,css,angular2-nativescript,Android,Css,Angular2 Nativescript,我是NativeScript的新手,所以如果我问了一个愚蠢的问题,请原谅。几天来,我一直试图用谷歌来解决这个问题,但都没有成功 在应用程序的底部,我有一些带有图标字体的标签。所以我想做的是在单击时更改标签颜色 这是我的app.components.ts 从“@angular/core”导入{Component}; 从“tns核心模块/ui/layouts/dock layout”导入*作为dockModule; 从“nativescript-ng2-fonticon”导入{TNSFontic

我是NativeScript的新手,所以如果我问了一个愚蠢的问题,请原谅。几天来,我一直试图用谷歌来解决这个问题,但都没有成功

在应用程序的底部,我有一些带有图标字体的标签。所以我想做的是在单击时更改标签颜色

这是我的app.components.ts

从“@angular/core”导入{Component};
从“tns核心模块/ui/layouts/dock layout”导入*作为dockModule;
从“nativescript-ng2-fonticon”导入{TNSFonticervice};
从“ui/frame”导入{topmost};
从“ui/Page”导入{Page};
@组成部分({
选择器:“我的应用程序”,
模板:`
`
})
导出类AppComponent{
//你的打字脚本逻辑在这里
//var isSelected=“true”;
onTapMap(dd){
//布尔值isSelected=true;
让自我=这个;
控制台日志(“MAPA”);
}
onTapCam(){
控制台日志(“KAMERA”);
}
onTapInfo(){
控制台日志(“INFORMACIJE”);
}
onTapSett(){
console.log(“PODESAVANJA”);
}
构造函数(专用fonticon:TNSFontice,专用页面:第页){
page.actionBarHidden=true;
}
}
导出函数pageLoaded(){
console.log(“DOBAR DAN!”);

}
您可以基于点击事件应用类-

<Label class="{{ checkYes ? 'redColor' : 'defaultColor'}}" id="dd" 
[text]="'mdi-map' | fonticon" row="0" col="0"  (tap)="onTapMap()"   
backgroundColor="transparent"  verticalAlignment="center" 
horizontalAlignment="center" ></Label>`   
对于函数
onTapMap()
-

.redColor {
color:red;
}

.defaultColor {
color:gray
}
onTapMap() {
if(this.checkYes)
this.checkYes = false;
else
this.checkYes = true;
}