angular document 直接获取value语法错误

使用Angular 4(typescript),我有以下HTML代码：

我正在尝试使用以下内容将用户输入的数据输入textarea：

public parseTSNs(){

let tsnString = document.getElementById("tsn_list").value;

console.log("User inputted string: " + tsnString);

}

该功能由按钮调用.

代码未编译,原因如下：

Property 'value' does not exist on type 'HTMLElement'

这应该是一个简单的功能.我究竟做错了什么？ W3schools“从textarea获取价值”显示’.value’作为必需的功能！

解决方法:

您只需声明元素的类型是HTMLTextAreaElement.因为document.getElementById返回HTMLElement而并非所有html元素都具有value属性：

let tsnString = (document.getElementById("tsn_list") as HTMLTextAreaElement).value;

但是当你使用Angular时,你可能应该使用数据绑定而不是自己查询值