如何在打字稿中添加innerhtml？

Question

我在我的應用程序中使用打字稿。

的html代碼：

<input type="text" name="lastname" id="last"> 

打字稿代碼：

let myContainer = <HTMLElement>document.getElementById('last'); 
myContainer.innerHTML = ""; 

我想設置爲使用打字稿姓氏字段中的空值。 我正在使用上面的代碼。但無法使用打字稿添加空值。

document.getElementById('last').innerHTML = ""; 

如何分配使用打字稿文本框爲空值：

我也用下面的代碼試過嗎？

Answer 1

HTML輸入元素具有值屬性，所以它應該是：

let myContainer = document.getElementById('last') as HTMLInputElement; 
myContainer.value = ""; 

注意，我也使用HTMLInputElement代替HTMLElement不具有的value屬性。

Answer 2

您可以使用模型值綁定到該元素，而不是使用id和內部HTML的

HTML代碼：

<input type="text" name="lastname" id="last" ng-model="innerHtml"> 

打字稿代碼：

let innerHtml :string = ""; 

OR

如果你想通過id使用內部的Html，那麼你必須使用這個

打字稿使用 '<>' 到環繞蒙上 打字稿代碼：

let element = <HTMLInputElement>document.getElementById("last"); 
element.value = "Text you want to give";