如何在Angular 7/ Typescript中使用变量类名？

在Angular 7/Typescript中，可以使用变量类名来动态设置元素的类名。以下是一种常见的方法：

1. 首先，在组件的Typescript文件中定义一个变量，用于存储要应用的类名。例如，我们定义一个名为className的变量。

className: string = 'default-class';

1. 在HTML模板中，使用ngClass指令来动态设置元素的类名。将变量className绑定到ngClass指令的属性值上。

<div [ngClass]="className">Hello, World!</div>

1. 现在，可以通过修改className变量的值来改变元素的类名。例如，在组件的方法中，可以根据某些条件来更新className的值。

updateClassName() {
  if (someCondition) {
    this.className = 'new-class';
  } else {
    this.className = 'default-class';
  }
}

这样，当className的值发生变化时，元素的类名也会相应地改变。

关于Angular 7和Typescript的更多信息，可以参考以下链接：

• Angular 7官方文档：https://angular.io/docs
• Typescript官方文档：https://www.typescriptlang.org/docs

请注意，以上答案中没有提及任何特定的云计算品牌商，如有需要，可以根据具体情况自行选择适合的云计算服务提供商。