在Angular2+中,如果它还应用了Angular指令,那么如何指定本机元素应该绑定到模板变量？

Angular 2+模板变量的语法如下:

where someElement是元素标记,someVariable是变量名称,someDirective是someElement应该绑定的指令someVariable.

如果someDirective缺少,即

并且someElement是一个没有Angular指令的原生HTML元素,然后someVariable将绑定到该ElementRef元素的元素.

但是,someElement 如果有Angular指令,我该如何重现这种行为？如何指定我希望ElementRef绑定到变量而不是某些指令？据我所知,没有类似的语法

(虽然存在建议).

我的具体用例是我试图获取此模板ElementRef中的button元素:

Click me

这里md-raised-button是一个角度材质指令.但#button恰恰相反MdButton.

在你的组件,你可以使用@ViewChild阅读ElementRef的#button

@ViewChild('button', {read: ElementRef})
public myFancyButton: ElementRef;