如何以角度 2+ 将 md ElementRef 转换为 HtmlElement答案

【问题标题】：How to cast md ElementRef to HtmlElement in angular 2+如何以角度 2+ 将 md ElementRef 转换为 HtmlElement
【发布时间】：2018-01-21 08:06:43
【问题描述】：

我有

 <input mdInput #try  placeholder="Favorite food" value="Sushi">

我在 ts 中得到它

 @ViewChild('try') myText : ElementRef;

现在我需要了解 HtmlElement 函数 ,我怎样才能施放它？

我不想这样将id="try" 添加到 mdInput 并通过以下方式获取：

var cel= document.getElementById("try");

【问题讨论】：

【解决方案1】：

myText.nativeElement 将包含对 DOM 元素的引用。将myText.nativeElement 断言为HTMLElement：

let domElement = this.myText.nativeElement as HTMLElement;

【讨论】：