操纵 Observable 响应

Question

我有一个从对 Observable 对象的 rest api 调用中检索到的资源列表。 这些资源可以有这样的值：

{Name: 'French', Uri: 'file:///C:.../french.csv'}, {名称：“DB2”，Dbms：“DB2”，主机：“...”，端口：50000，DbName：“...”}

我需要根据 Dbms 值来确定资源是数据库资源还是文件资源，以便稍后显示在我的表中的类型列上并能够通过它进行过滤...

我认为地图是最好的地方，但仍然无法弄清楚具体如何：

 getResources(user): Observable<Array<any>> {
    const url = this.url + this.apiAllowedPath + user + '/resources';
    return this.http.get(url)
        .flatMap((response) => response.json())
        .map( (response) => response.Dbms ? "DB : File/Folder"; )
        .catch((response: Response) => this.errorHandler(response) );
}

Answer 1

这将创建一个数组，其中每个对象都有 type 属性显示其源类型。

getResources(user): Observable<Array<any>> {
    const url = this.url + this.apiAllowedPath + user + '/resources';
    return this.http.get(url)
        .map(response => response.json())
        .map(data => data.map(o => ({
          ...o, 
          type: o.Dbms ? 'DB' : 'FILE',
          path: Uri.parse(o.Uri).fsPath
         })))
        .catch((response: Response) => this.errorHandler(response) );
}

Answer 2

使用映射运算符后，结果是字符串值DB 或File/Folder 所以你没有实际的服务器响应；

你可以这样做

interface DataResponse{
  db:any[];
  file:any[];
}

getResources(user): Observable<DataResponse> {
   const url = this.url + this.apiAllowedPath + user + '/resources';
   return this.http.get(url)
            .flatMap((response) => response.json())
            .map( (response) =>{ 
                 let db = response.filter(i => response.hasOwnProperty('Dbms') );
                 let file = response.filter(i =>!response.hasOwnProperty('Dbms'));
                return {db,file}
                })
            .catch((response: Response) => this.errorHandler(response) );
}