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'样式类。

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

相关内容

热门资讯

开挂辅助插件"aap... 开挂辅助插件"aapoker透视怎么用"开挂(透视)辅助平台(真的有挂)《详细加薇136704302...
开挂辅助神器"德普之... 开挂辅助神器"德普之星私人局透视"开挂(透视)辅助插件(有挂细节);无需打开直接搜索薇:136704...
开挂辅助脚本"德州局... 您好:德州局脚本这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别好...
开挂辅助安装"wep... 开挂辅助安装"wepoker破解器"开挂(透视)辅助脚本(存在有挂);无需打开直接搜索加薇13670...
开挂辅助工具"wep... 开挂辅助工具"wepoker辅助是真的吗"开挂(透视)辅助插件(有挂规律);无需打开直接搜索加薇13...
开挂辅助脚本"fis... 开挂辅助脚本"fishpoker透视"开挂(透视)辅助神器(有挂教学);无需打开直接搜索加薇1367...
开挂辅助脚本"拱趴大... >>您好:拱趴大菠萝机器人确实是有挂的,很多玩家在这款拱趴大菠萝机器人游戏中打牌都会发现很多用户的牌...
开挂辅助工具"拱趴大... 开挂辅助工具"拱趴大菠萝自动计算机器人"开挂(透视)辅助插件(有挂方式);无需打开直接搜索加薇136...
开挂辅助工具"哈糖大... 开挂辅助工具"哈糖大菠萝有没有挂"开挂(透视)辅助下载(有挂讲解);无需打开直接搜索微信(13670...
开挂辅助安装"wep... 开挂辅助安装"wepoker插件程序激活码"开挂(透视)辅助神器(有挂技巧)>>您好:软件加1367...