相关疑难解决方法(0)

我有以下指令：

@Directive({
  selector: '[changeColor]',
  exportAs:'changeColor' 
})
export class ColorDirective {
    constructor(elem: ElementRef, renderer: Renderer2) {
       renderer.setStyle(elem.nativeElement, 'color', 'red');
    }
}

我有以下模板：

<h1 changeColor>Hello</h1>

这按预期工作并以红色显示“Hello”。但是，当我尝试访问指令的引用时，出现错误。例如，下面的代码：

<h1 #x=changeColor>Hello</h1>
{{x}}

产生以下错误"There is no directive with "exportAs" set to "changeColor""。我哪里错了？