각도 앱에서 모달 표시 속도를 높이려면 어떻게해야합니까?

Question

저는 AngularJS와 Angular Bootstrap이있는 웹 응용 프로그램을 만들고 있습니다. 사용자가 목록에서 많은 항목 중 하나를 선택할 수 있도록 모달을 사용하고 있습니다. 목록은 ng-repeat로 렌더링됩니다.

일부 모바일 플랫폼에서는 사용자가 모달을 실행하는 버튼을 누른 후 모달이 마침내 나타날 때까지 (3-5 초) 지연됩니다. 대기 모드가 모달 디스플레이 이전에 해당 모달에 대한 Angular 렌더링에 의해 발생하는지 또는 모달에있는 콘텐츠의 단순한 양에 의해 대기가 발생하는지 여부는 확실하지 않습니다. 둘 다있을 수 있습니다. ng-repeat 목록을 제거하면 모달이 즉시로드됩니다.

나는 다음 중 하나를 수행해야합니다 모달 표시 한 후

가

(1) DOM을 구축하는 각도 원인. 이상적은 아니지만 적어도 모달 표시를 통해 사용자는 터치가 등록되었고 어떤 일이 일어나고 있음을 알 수 있습니다.

(2) 많은 양의 내용에도 불구하고 모달이 더 빨리 표시됩니다.

그 중 하나를 수행하는 방법에 대한 의견이 있으십니까?

Answer 1

모달 인스턴스에는 모달이 렌더링 될 때 해결되는 약속 인 rendered 속성이 있습니다. 약속이 해결 될 때까지 대규모 데이터 세트를 모달 범위에 할당하는 것을 지연시킬 수 있습니다.

https://angular-ui.github.io/bootstrap/#/modal

하지만 내 생각에

$uibModal.open({ 
    controller: function ($uibModalInstance, $scope, data) { 
     $uibModalInstance.rendered.then(function() { 
      $scope.data = data; 
     }); 
    }, 
    ... 
}); 

는 조동사가 큰 콘텐츠 블록을 사용하지 않아야합니다.