在点击button发出请求后，由于网络或者数据较大的原因，页面中的angularJS双向绑定数据部分不显示，页面结构很难看，怎么能实现在所有的数据加载完成之前，弹出层覆盖掉原网页并且提示“正在加载”，等所有的数据加载完成之后，再显示带有完整数据的网页。如下面的效果：
业精于勤，荒于嬉;行成于思，毁于随。
https://github.com/cgross/angular-busy/blob/master/README.md 이 모듈을 사용하세요
미리 마스크 레이어를 만들고, 요청(보통 $http 또는 $resource) 시 마스크를 표시하고, Promise가 해결된 후 마스크를 닫습니다.
그렇게 간단한 논리이지만 매우 빈번하게 발생하기 때문에 어떻게 건조할지 고민을 하셔야 합니다.
뷰 레벨에서 마스크가 모든 애플리케이션에 공통이라면 모든 경로에 쓰지 말고 하위 경로에서 공유할 수 있도록 상위 라우팅 항목에 쓰는 것을 고려해 보세요.
호출 수준에서는 $rootScope에 마스크 상태를 저장하고 DI를 사용하여 언제든지 검색하는 것이 간단합니다. 더 정교한 경우 이를 제어하는 서비스를 작성하면 됩니다.
마스크 자체는 쉽게 재사용할 수 있도록 지시문으로 캡슐화할 수 있지만 이건 매우 간단하므로 캡슐화하지 않아도 괜찮습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
https://github.com/cgross/angular-busy/blob/master/README.md 이 모듈을 사용하세요
미리 마스크 레이어를 만들고, 요청(보통 $http 또는 $resource) 시 마스크를 표시하고, Promise가 해결된 후 마스크를 닫습니다.
그렇게 간단한 논리이지만 매우 빈번하게 발생하기 때문에 어떻게 건조할지 고민을 하셔야 합니다.
뷰 레벨에서 마스크가 모든 애플리케이션에 공통이라면 모든 경로에 쓰지 말고 하위 경로에서 공유할 수 있도록 상위 라우팅 항목에 쓰는 것을 고려해 보세요.
호출 수준에서는 $rootScope에 마스크 상태를 저장하고 DI를 사용하여 언제든지 검색하는 것이 간단합니다. 더 정교한 경우 이를 제어하는 서비스를 작성하면 됩니다.
마스크 자체는 쉽게 재사용할 수 있도록 지시문으로 캡슐화할 수 있지만 이건 매우 간단하므로 캡슐화하지 않아도 괜찮습니다.