모바일 노드에서 자식 노드가 제거되지 않음

Question

A 프레임을 각도로 사용하여 가상 가이드를 만들고 다음 코드를 사용하여 a-entity 태그에서 모든 핫스팟과 탐색 화살표를 제거합니다.

while (this.hotSpotEntity.hasChildNodes()) { 
    this.hotSpotEntity.removeChild(this.hotSpotEntity.childNodes[0]); 
} 

while (this.navigationEntity.hasChildNodes()) { 
    this.navigationEntity.removeChild(this.navigationEntity.childNodes[0]); 
} 

이 코드는 전역 변수로 정의한 a-entity 태그에서 모든 요소를 ​​제거합니다. 그러나이 코드에는 문제가 있습니다.

P .: A 프레임이 데이터 바인딩을 지원하지 않기 때문에 데이터 바인딩을 사용할 수 없습니다.

아래의 첫 번째 장면을 참조하십시오. 화살표와 돋보기는 내가 작성한 코드로 추가되었으며 어린이는 hotspotEntity 및 navigationEntity입니다.

나는 내가 화살표를 클릭했습니다, 코드는 새로운 장면을 탐색합니다. 그러나 화살표와 핫스팟이 제거되지 않은 것을 볼 수 있습니다. 이것은 빨간색 줄무늬 이미지입니다. 네비게이션 후 녹색 동그라미 이미지가 추가됩니다.

당신이 녹색을 클릭

당신이 다음 장면으로 이동하고, 화살표를 동그라미. 여기서 첫 번째 하늘의 이미지는 제거되지 않지만 두 번째 이미지는 제거됩니다.

버그는 모바일 브라우저 데스크탑 브라우저에 (안드로이드 구글 크롬, 삼성 인터넷)하지 (파이어 폭스, 에지)에서만 발생합니다.

이 버그가 모바일 브라우저에서만 발생하는 이유는 무엇이며 어떻게 해결할 수 있습니까?

이 링크에서 둘러보기를 시험해 볼 수 있습니다 : http://student.howest.be/hein.pauwelyn-vand1/poppr/aframe/ 및 전체 코드는 this GitHub Gist입니다.

while (this.hotSpotEntity.firstChild) { 
    this.hotSpotEntity.removeChild(this.hotSpotEntity.firstChild); 
} 

while (this.navigationEntity.firstChild) { 
    this.navigationEntity.removeChild(this.navigationEntity.firstChild); 
} 

firstChild 하나가없는 경우 null을 반환하는 읽기 전용 속성입니다 :

Answer 1

은 어쩌면 조금 다른 뭔가를하려고합니다. 자녀가있는 경우에는 진실이고 그렇지 않은 경우에는 위증이기 때문에 조건에서 사용할 수 있습니다.

모바일에서 작동하고 버그가 수정 된 경우 불행하게도 이유를 알지 못합니다. 이것이 문제를 해결하지 못하면 알려주십시오. 나는 대답을 삭제할 것이다.