angular 2: host：{class}是用来做什么的？

在Angular 2中，host：{class}是用来为组件添加宿主元素的CSS类的。它允许我们在组件的宿主元素上动态地添加或移除CSS类。

通过在组件的元数据中使用host属性，我们可以指定一个对象，该对象的键是宿主元素上要添加的CSS类，而值是一个表达式，用于确定是否添加该CSS类。如果表达式的结果为true，则添加该CSS类；如果结果为false，则移除该CSS类。

这个功能非常有用，因为它允许我们根据组件的状态或属性动态地修改宿主元素的样式。例如，我们可以根据用户的登录状态来添加或移除一个特定的CSS类，从而改变宿主元素的外观。

以下是一个示例：

@Component({

selector: 'app-example',

template: '<div>Hello, World!</div>',

host: {

'[class.highlight]': 'isHighlighted'

}

})

export class ExampleComponent {

isHighlighted: boolean = false;

}

在上面的示例中，我们定义了一个名为ExampleComponent的组件，并在它的宿主元素上添加了一个CSS类highlight。这个CSS类的添加或移除取决于isHighlighted属性的值。如果isHighlighted为true，则添加highlight类；如果isHighlighted为false，则移除highlight类。

这样，我们可以通过修改isHighlighted属性的值来动态地改变宿主元素的样式。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。

腾讯云云服务器（CVM）是一种灵活可扩展的云计算服务，提供了高性能、可靠稳定的虚拟服务器。您可以使用CVM来部署和运行您的应用程序，并通过CVM的管理控制台或API进行管理。

腾讯云云函数（SCF）是一种无服务器计算服务，可以让您以事件驱动的方式运行代码。您可以使用SCF来编写和运行与特定事件相关的代码，而无需关心服务器的管理和维护。SCF支持多种编程语言，包括JavaScript、Python、Java等。

更多关于腾讯云云服务器（CVM）的信息，请访问：https://cloud.tencent.com/product/cvm

更多关于腾讯云云函数（SCF）的信息，请访问：https://cloud.tencent.com/product/scf