찾다

 >  Q&A  >  본문

angular.js - angularJS怎么实现请求的数据还未加载完成时展示“正在加载”的提示?

在点击button发出请求后,由于网络或者数据较大的原因,页面中的angularJS双向绑定数据部分不显示,页面结构很难看,怎么能实现在所有的数据加载完成之前,弹出层覆盖掉原网页并且提示“正在加载”,等所有的数据加载完成之后,再显示带有完整数据的网页。
如下面的效果:

迷茫迷茫2744일 전647

모든 응답(2)나는 대답할 것이다

  • PHPz

    PHPz2017-05-15 16:58:25

    https://github.com/cgross/angular-busy/blob/master/README.md 이 모듈을 사용하세요

    회신하다
    0
  • 世界只因有你

    世界只因有你2017-05-15 16:58:25

    미리 마스크 레이어를 만들고, 요청(보통 $http 또는 $resource) 시 마스크를 표시하고, Promise가 해결된 후 마스크를 닫습니다.

    그렇게 간단한 논리이지만 매우 빈번하게 발생하기 때문에 어떻게 건조할지 고민을 하셔야 합니다.

    뷰 레벨에서 마스크가 모든 애플리케이션에 공통이라면 모든 경로에 쓰지 말고 하위 경로에서 공유할 수 있도록 상위 라우팅 항목에 쓰는 것을 고려해 보세요.

    호출 수준에서는 $rootScope에 마스크 상태를 저장하고 DI를 사용하여 언제든지 검색하는 것이 간단합니다. 더 정교한 경우 이를 제어하는 ​​서비스를 작성하면 됩니다.

    마스크 자체는 쉽게 재사용할 수 있도록 지시문으로 캡슐화할 수 있지만 이건 매우 간단하므로 캡슐화하지 않아도 괜찮습니다.

    회신하다
    0
  • 취소회신하다