angular - 为什么指令选择器在 `[]`

Question

我注意到指令的选择器通常在 [] 中指定，但在没有 [] 括号的情况下使用。为什么？

@Directive({
  selector: '[appGoWild]'
})
export class GoWildDirective implements OnInit {
  constructor(private renderer: Renderer2, private el: ElementRef) {}

  ngOnInit() {
    this.renderer.addClass(this.el.nativeElement, 'wild');
  }
}

HTML 中的用法

<h1 appGoWild>
  Hello World!
</h1>

Answer 1

根据docs :

It's the brackets ([]) that make it an attribute selector.

因此，带有括号的选择器指的是一个属性，必须按照您的说明编写:

<h1 appGoWild>

没有括号，选择器将引用一个元素:

<appGoWild>

在上述文档中，您可以在文章末尾找到使用 app-root 指令的示例。