主页 / 问题 / 916890
Accepted
Gr Brainstorm
Asked:2020-12-07 22:16:28 +0000 UTC2020-12-07 22:16:28 +0000 UTC

@HostBinding() 在角度代码中做了什么？

  • 772
    export class ArticleComponent implements OnInit {
     @HostBinding('attr.class') cssClass = 'row';
     votes: number;
     title: string;
     link: string;

有一段代码用到了@HostBinding，我不明白它是做什么的，如果你能用通俗易懂的方式解释它的目的是什么，你什么时候需要使用它？

angular

1 个回答

  1. Best Answer

    在 Angular 中，有这样的东西- 这是一个与装饰器和host属性中指定的选择器匹配的元素。selector@Component@Directive

    例如，对于selector: 'my-app'主机将是元素<my-app>

    装饰器@HostBinding并@HostListener允许您将属性和事件处理程序直接设置到主机。

    例如：

    @HostBinding('attr.class') cssClass = 'row';

    这将导致宿主元素的属性设置class为row，即 如果已指定selector: 'article'，则所有元素<article>将采用以下形式<article class="row">

    @HostListener行为类似，但对于事件处理程序，例如click.

    小例子

    • 2

相关问题