如何访问类型记录文件中的CSS类?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (47)

这里,我希望使用angular.js中的ngClass指令动态地向元素添加CSS类。

<p [ngClass]="addClasses()">testing content</p>

下面是我的ts代码:

isbold: boolean = false;
isItalic: boolean = true;

addClasses() {
   let classes = {
      boldClass: this.isbold,
      italicsClass: this.isItalic
   };
   return classes;
}

boldClass 和 italicsClass是我的CSS文件中的两个类,这些类应该根据相应布尔变量中的值应用。但我收到错误,因为我找不到boldClass 和 italicsClass的名称。任何帮助都很感激。

提问于
用户回答回答于

这是添加动态类的一种方法。

<p [class.boldClass]="isbold"
   [class.italicsClass]="isItalic">testing content </p>
用户回答回答于

问题在于你的JSON,当你声明一个JSON时,它的属性不应该与“=”放在一起,请尝试使用以下内容:

addClasses(){
  let classes={
    boldClass: this.isbold,
    italicsClass: this.isItalic
  };
  return classes;
}

在this.isbold之后有一个待定的“,”,而且你写了this.Italic,应该是this.isItalic。

扫码关注云+社区

领取腾讯云代金券