2017-11-10 4 views
0

私はこのようなイオン入力を持っています。イオン3からDOMにアクセスするには?

<ion-item> 
<ion-input #nameInput id="nameInput" class="item-name-input" 
type="text" value="" placeholder="Add to wishlist" [(ngModel)]="itemNameInput" clearInput> 
</ion-input> 
</ion-item> 

投稿後にDOMにアクセスして入力をクリアするにはどうすればよいですか?プロジェクトをビルドするとき

私が使用し、

this.itemNameInput = ""; 

は、しかし、時にはそれはエラーになります。 イオン3ではどうしたらいいですか?

+0

宣言 'itemNameInput = ""' DOM内のコンテンツを空にします。 –

+1

"しかし、プロジェクトをビルドするときにエラーが発生することがあるので、まずエラーを修正してください。 –

答えて

0

上記のコードはthis.itemNameInput=""で動作すると期待されていますが、DOMの値をクリアする方法を試すことはできません。

document.getElementById("currentScore").innerHTMLを使用して直接DOMにアクセスできます。ここで、currentScoreはHTMLの<div id="currentScore">{{scoreElapsed}}</div>のようになります。

document.getElementById("currentScore").innerHTML = "";

関連する問題