javascript - 如何访问 typescript 文件中的CSS类？

Question

在这里，我想在 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 文件中的两个类，这些类应根据相应 bool 变量中的值应用。 但是我收到错误消息，因为找不到 boldClass 和 italicsClass 的名称。任何帮助表示赞赏。

Answer 1

问题出在你的 JSON 上，当你声明一个 JSON 时，它的属性不应该与“=”一起出现，尝试使用像这样的东西:

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

在 this.isbold 之后有一个未决的“,”，而且，你有 this.Italic，它应该是 this.isItalic。