angular - 如何在 Angular 2+ 中将 md ElementRef 转换为 HtmlElement

Question

我有

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

然后我在 ts 中得到它

 @ViewChild('try') myText : ElementRef;

现在我需要获取 HtmlElement 函数的方法，我该如何转换它？

我不想这样添加 id="try" 到 mdInput并通过 :

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

Answer 1

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

let domElement = this.myText.nativeElement as HTMLElement;