相关疑难解决方法(0)

如何在等待从 Angular 服务中获取数据的可观察对象时显示加载旋转器

我已经设置了一个可观察的服务来帮助我保存数据,但是我需要一种方法来在数据等待来自可观察的数据时显示加载旋转器。

我的服务:

imports [...]

import { Observable, BehaviorSubject } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class OrganisationsService {
  private organisations$ = new BehaviorSubject<Organisation[]>([
    {
      [...]
    }
  ]);

  constructor(private http: HttpClient) {
    this.http
      .get(
        environment.apicall
      )
      .subscribe((data) => this.organisations$.next(data['organisations']));
  }

  getList(): Observable<Organisation[]> {
    return this.organisations$.asObservable();
  }
Run Code Online (Sandbox Code Playgroud)

这是我的组件:

    imports ...

    import UIkit from 'uikit';
    import { Observable } from 'rxjs';

    @Component({
      selector: 'app-organisationlist',
      templateUrl: './organisationlist.component.html',
      styleUrls: ['./organisationlist.component.css']
    })
    export class OrganisationlistComponent implements OnInit {

      public loading = true;

      public organisations$: Observable<Organisation[]>; …
Run Code Online (Sandbox Code Playgroud)

angular

7
推荐指数
1
解决办法
3万
查看次数

标签 统计

angular ×1