비동기 데이터로 AngularJS 서비스를 올바르게 초기화하려면 어떻게 해야 합니까?

AngularJS: 비동기 데이터로 서비스 초기화

비동기 데이터는 AngularJS 서비스를 초기화하는 데 문제가 발생할 수 있습니다. 문제와 가능한 해결 방법을 살펴보겠습니다.

문제

비동기 데이터로 서비스를 초기화하려면 서비스 초기에 데이터를 사용할 수 없다는 사실을 처리해야 합니다. 생성되었습니다.

솔루션 옵션

1. "실행"으로 서비스 설정

이 방법에는 앱 실행 단계에서 서비스 데이터를 초기화하는 작업이 포함됩니다. 일반적으로 작동하지만 데이터 검색이 초기화보다 오래 걸리는 경우 널 포인터 예외가 발생할 수 있습니다.

2. Promise 객체 사용

이 접근 방식은 Promise를 활용하여 데이터 검색의 비동기 특성을 처리합니다. 그러나 서비스와 상호작용하려면 Promise를 관리하고 .then() 체인을 사용해야 합니다.

3. 수동 부트스트랩

이 방법은 문서가 준비된 후 앱이 부트스트랩되기 전에 서비스 데이터를 초기화합니다. 그러나 데이터 검색에 오랜 시간이 걸릴 경우 널 포인터 예외를 방지하려면 타이밍이 중요합니다.

4. $routeProvider.when('/path',{ 해결:{...

이 솔루션은 Promise를 사용한 해결을 사용하여 더 깔끔한 접근 방식을 제공합니다. 서비스 약속을 정의함으로써 경로 구성은 인스턴스화하기 전에 이를 해결합니다. 관련된 컨트롤러.

예

app.config(function($routeProvider){
  $routeProvider
    .when('/',{controller:'MainCtrl',
    template:'<div>From MyService:<pre class="brush:php;toolbar:false">{{data | json}}