javascript - 通过 id 获取元素 - Angular2

Question

我有一个代码:

document.getElementById('loginInput').value = '123';

但是在编译代码时我收到以下错误:

Property value does not exist on type HTMLElement.

我已经声明了一个 var: value: string;。

我怎样才能避免这个错误？

谢谢。

Answer 1

如果你想设置值，你可以在点击或触发某些事件时在某些函数中执行相同的操作。

你也可以使用 ViewChild 像这样使用局部变量来获取值

<input type='text' id='loginInput' #abc/>

并像这样获得值(value)

this.abc.nativeElement.value

here is working example

更新

好的，明白了，你必须像这样使用 angualr2 的 ngAfterViewInit 方法

ngAfterViewInit(){
    document.getElementById('loginInput').value = '123344565';
  }

ngAfterViewInit will not throw any error because it will render after template loading