在不使用Angular中的ng类的情况下,动态地将ng-click上的ng-style应用于所选项目,可以通过以下步骤实现:
<button (click)="changeStyle = !changeStyle">点击按钮</button>
.selected {
background-color: red;
}
.not-selected {
background-color: blue;
}
export class YourComponent {
changeStyle: boolean = false;
getSelectedStyle() {
return this.changeStyle ? 'selected' : 'not-selected';
}
}
<div [ngClass]="getSelectedStyle()" (click)="changeStyle = !changeStyle">所选项目</div>
这样,当点击按钮时,changeStyle变量的值会切换,从而触发样式的变化。被点击的项目会根据changeStyle的值应用相应的样式,实现动态地将ng-click上的ng-style应用于所选项目。
对于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体的云计算品牌商,建议在腾讯云官方网站上查找相关产品和文档,以获取更详细的信息。
领取专属 10元无门槛券
手把手带您无忧上云