2017-11-10 1 views
0

나는 이런 이온 입력을 가지고있다.ionic 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 = "";

관련 문제