在Angular中,宿主元素可以是任何类型的DOM元素。宿主元素是组件模板中包含组件的元素。通常它是一个HTML元素,但也可以是SVG元素或类似的元素。可以使用@HostBinding()装饰器来绑定组件类中的属性到宿主元素。以下是一个示例代码:
import { Component, HostBinding } from '@angular/core';
@Component({
selector: 'my-component',
template:
})
export class MyComponent {
@HostBinding('class.card') true;
}
在上述示例中,@HostBinding()装饰器将组件中的class.card属性绑定到宿主元素上,使得宿主元素具有class属性,并具有.card类。