通过 id 获取元素 - Angular2

Question

我有一个代码：

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

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

HTMLElement 类型上不存在属性值。

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

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

谢谢你。

原文由 Natalia 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Complate Angular 方式（通过 Id 设置/获取值）：

// 在 Html 标签中

 <button (click) ="setValue()">Set Value</button>
 <input type="text"  #userNameId />

// 在组件 .ts 文件中

    export class testUserClass {
       @ViewChild('userNameId') userNameId: ElementRef;

      ngAfterViewInit(){
         console.log(this.userNameId.nativeElement.value );
       }

      setValue(){
        this.userNameId.nativeElement.value = "Sample user Name";
      }

   }

原文由 Imranmadbar 发布，翻译遵循 CC BY-SA 4.0 许可协议