最近在用angular 的ng-zorro 的cascader 级联选择器的时候发现。cascader 在使用 rxjs 的 subscribe 异步传入数据时,cascader的级联选择加载不出来数据。于是想到如何使用同步来获取数据。
首先,获取数据,我写在 service 里。
getGroupsList(): Observable<GroupsInfo> {
return (this.common.http.get<GroupsInfo>('assets/mock-data/groupsinfo.json')
.pipe(
catchError(this.common.handleError)
));
}
public async getGroupsInfo(): Promise<Node[]> {
return new Promise<Node[]>( resolve => {
const groups: Array<Node> = [];
this.getGroupsList().subscribe((list: GroupsInfo) => {
for (const i of list.data) {
groups.push(this.convert(i));
}
resolve(groups);
});
});
}
getGroupList() 是正常的rxjs 获取json数据。 common.http 是我自己封装的一个http请求器。
getGroupInfo() 去取Observable数据流。但返回一个Promise。
最后component里面获取