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

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

相关内容

热门资讯

黑科技ai挂(wpk最新黑科技... 黑科技ai挂(wpk最新黑科技)wpk微扑克真的(Wpk)本来是真的有挂(有挂教程)-哔哩哔哩1、w...
黑科技规律(wpk最新黑科技)... 黑科技规律(wpk最新黑科技)wpkai机器人(wPK)竟然是有挂(的确有挂)-哔哩哔哩1、wpk最...
黑科技科技(wpk ai辅助)... 黑科技科技(wpk ai辅助)wpk辅助(WPk)切实真的有挂(真的有挂)-哔哩哔哩;1、wpk a...
黑科技系统(wpk ai辅助)... 黑科技系统(wpk ai辅助)wpk ai辅助购买渠道(wPK)切实有挂(有挂细节)-哔哩哔哩wpk...
黑科技挂(wpk ai辅助)w... 黑科技挂(wpk ai辅助)wpk胜率跟号有关系么(Wpk)总是存在有挂(有挂技巧)-哔哩哔哩1、首...
黑科技好牌(wpk ai辅助)... 黑科技好牌(wpk ai辅助)wpk辅助效果实测(wpK)确实有挂(有挂教程)-哔哩哔哩;wpk辅助...
黑科技ai(wpk最新黑科技)... 黑科技ai(wpk最新黑科技)wpk透手牌测试(wpK)一直有挂(存在有挂)-哔哩哔哩;1、每一步都...
黑科技线上(wpk ai辅助)... 黑科技线上(wpk ai辅助)wpk有外挂么(wPk)竟然存在有挂(真是有挂)-哔哩哔哩一、wpk有...
黑科技辅助(wpk最新黑科技)... 黑科技辅助(wpk最新黑科技)wpk俱乐部机器人(WPK)确实是有挂(存在有挂)-哔哩哔哩1、在wp...
黑科技辅助(wpk最新黑科技)... 黑科技辅助(wpk最新黑科技)wpk俱乐部外挂(wPk)原来是真的有挂(有挂秘籍)-哔哩哔哩;小薇(...