我已经设置了一个可观察的服务来帮助我保存数据,但是我需要一种方法来在数据等待来自可观察的数据时显示加载旋转器。
我的服务:
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 ×1