Angular 2+模板变量的语法如下:
<someElement #someVariable="someDirective"></someElement>
where someElement是元素标记,someVariable是变量名称,someDirective是someElement应该绑定的指令someVariable.
如果someDirective缺少,即
<someElement #someVariable></someElement>
并且someElement是一个没有Angular指令的原生HTML元素,然后someVariable将绑定到该ElementRef元素的元素.
但是,someElement 如果有Angular指令,我该如何重现这种行为?如何指定我希望ElementRef绑定到变量而不是某些指令?据我所知,没有类似的语法
<someElement #someVariable="element"></someElement>
(虽然存在建议).
我的具体用例是我试图获取此模板ElementRef中的button元素:
<button md-raised-button #button>Click me</button>
这里md-raised-button是一个角度材质指令.但#button恰恰相反MdButton.