Angular路由参数值与ngClass三元表达式绑定不起来。
创始人
2024-10-28 01:00:39
0

问题描述:Angular路由参数值与ngClass三元表达式绑定不起来。

解决方法:

  1. 确保在组件中正确接收和获取路由参数值。可以通过ActivatedRoute服务来访问路由参数。例如,在组件的构造函数中注入ActivatedRoute服务,并使用snapshot属性来获取参数值。
import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) {
  this.route.params.subscribe(params => {
    this.paramValue = params['paramName'];
  });
}
  1. 创建一个返回布尔值的方法,根据路由参数值来判断是否应用ngClass三元表达式。
getCssClass() {
  return this.paramValue === 'someValue' ? 'class1' : 'class2';
}
  1. 在HTML模板中使用ngClass指令来绑定样式类。
Content

这样,当路由参数值为'someValue'时,div元素将应用'class1'样式类;否则,将应用'class2'样式类。

请根据实际需要修改参数名称、样式类名称以及判断条件。

相关内容

热门资讯

透视安装!微信微乐游戏辅助脚本... 透视安装!微信微乐游戏辅助脚本,微乐自建房插件详细教程(透视)真是是有辅助教程(哔哩哔哩)1、完成有...
透视攻略!HH平台挂(WePo... 透视攻略!HH平台挂(WePoKer发牌)好像真的有辅助攻略(哔哩哔哩)1、每一步都需要思考,不同水...
据了解!微乐小程序免费黑科技,... 据了解!微乐小程序免费黑科技,微信小程序微乐辅助器破解版(透视)都是真的有辅助脚本(哔哩哔哩)一、可...
透视窍要!wepoker私人局... 透视窍要!wepoker私人局俱乐部怎么进(德普之星下载)好像是有辅助攻略(哔哩哔哩)1、完成wep...
更值得关注的是!微乐小程序黑科... 更值得关注的是!微乐小程序黑科技免费,微信小程序微乐辅助器app(透视)好像有辅助app(哔哩哔哩)...
透视机巧!hhpoker作必弊... 透视机巧!hhpoker作必弊码(AApoker透视)一贯是真的有辅助脚本(哔哩哔哩)该软件可以轻松...
此事备受玩家关注!微乐小程序黑... 此事备受玩家关注!微乐小程序黑科技免费,微信小程序微乐辅助器ios(透视)一贯存在有辅助教程(哔哩哔...
透视窍门!德州局脚本(德普之星... 透视窍门!德州局脚本(德普之星辅助软件)本来有辅助app(哔哩哔哩)1、德普之星辅助软件破解器简单,...
黑科技插件!微乐小程序免费黑科... 黑科技插件!微乐小程序免费黑科技,微信小程序微乐辅助器脚本(透视)总是是有辅助插件(哔哩哔哩)所有人...
透视绝活儿!wpk俱乐部有没有... 透视绝活儿!wpk俱乐部有没有辅助(WePoKer软件)真是有辅助工具(哔哩哔哩)1、wpk俱乐部有...