이온 스크롤이 phonegap에서 작동하지 않습니다

Question

다음 코드는 브라우저에서 정상적으로 작동하지만 휴대 전화 앱으로 패키지하고 Nexus 5에서 사용해 본 순간 오류가 발생하지 않고 작동이 멈 춥니 다. 정보의

<ion-view title="{{destination}}"> 
<ion-content> 
    <div id="map-screen"> 
     <div id="map-canvas" data-tap-disabled="true" ng-show="showMap()" class="animate-show-hide"></div> 
     <ion-scroll id="place-photo-footer" direction="x"> 
     <div id="place-scroll" ng-controller="placeController as placeCtrl" style="width:5000px;"> 
      <a ui-sref="place-detail({placeId: place.place_id})" ng-repeat="place in places"> 
      <div class="place-item" class="animate-show-hide" id="place-{{place.id}}"> 
       <img src="{{place.photos[0].getUrl({'maxHeight': 100})}}"> 
       <img src="{{place.icon}}" class='icon'> 
       <div class='marker'>{{placeCtrl.getMarker(place)}}</div> 
      </div> 
      </a> 
     </div> 
     </ion-scroll> 
    </div> 
    </ion-content> 
</ion-view> 

한 비트 : 나는

이 경우 수도 왜 어떤 생각 (나는 그것을 탐색 바 모든 작업을하기 위해 사용하고 있습니다)에 의해 주요 사업부를 포위 한 번이 작동을 중지?

Answer 1

경험상 ng-repeat에는 블록 수준 요소를 사용해야합니다. 최상의 성능을 위해서는 목록의 각 항목에 너비와 높이를 지정하는 것이 가장 좋습니다.

ion-scroll에 대한 설명서에는 "스크롤 할 수 있도록 스크롤 상자의 높이와 내부 내용의 높이를 설정하는 것이 중요하므로 스크롤 할 수있는 영역을 완벽하게 제어 할 수 있습니다."

가장 일관된 결과를 얻으려면 ng-repeat에 ion-list을 사용하는 것이 좋습니다.

희망이 도움이됩니다.