Question

因此，例如，我的组件有一些已由另一个组件添加的css类

<component-a class="valid" ></component-a>

我可以在类声明

中掌握这些类吗？

import { Component } from '@angular/core';
@Component({
  selector: 'component-a',
  template: ''
})
export class componentA { }

Answer 1

有两种可能性。

首先使用像这样的参数绑定：

<component-a [class]="'valid'" ></component-a>

这意味着您可以使用输入变量

访问“类”

@Input() class: string;

如果您想使用类似问题的类属性，那么您可以通过以下代码访问该属性：

constructor(private el: ElementRef) {
}

  ngOnInit(){
    // get the list of classnames
    this.classList = this.el.nativeElement.classList;
    console.log(this.classList);
  }

Plunker example

组件是否可以获取html标记中的属性

1 个答案: