Angular路由参数值与ngClass三元表达式绑定不起来。_编程开发

Angular路由参数值与ngClass三元表达式绑定不起来。

创始人

2024-10-28 01:02:02

0次

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

解决方法：

确保在组件中正确接收和获取路由参数值。可以通过ActivatedRoute服务来访问路由参数。例如，在组件的构造函数中注入ActivatedRoute服务，并使用snapshot属性来获取参数值。

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) {
  this.route.params.subscribe(params => {
    this.paramValue = params['paramName'];
  });
}

创建一个返回布尔值的方法，根据路由参数值来判断是否应用ngClass三元表达式。

getCssClass() {
  return this.paramValue === 'someValue' ? 'class1' : 'class2';
}

在HTML模板中使用ngClass指令来绑定样式类。

Content

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

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

上一篇：Angular路由参数在传递Firestore文档的Id时会自动转换为小写。

下一篇：Angular路由插座覆盖页面

Angular路由参数值与ngClass三元表达式绑定不起来。

相关内容

热门资讯