如何严格指定返回类型 Angular4/ionic3

Question

请我尝试指定一个特定的返回类型以仅包含我需要从使用 nodejs 的 mongodb 服务器获得的数据。

这些是我面临的问题： 1. nodejs服务器总是返回一个json数据数组，这使得我必须访问ionic3中的数据作为索引（数据[0]）而不是点符号（数据。）。请问我该如何解决？ 2. 从数据库返回的数据将大量数据转储回客户端，我想使用我正在导入服务的 typescript 接口过滤这些数据。我将在适当的位置展示我的代码摘录

ProfileModel 接口

**(profileModel.ts)**

export interface ProfileModel{
  name : {
            firstName : string,
            lastName : string
    },
    login : {
            username: string
    },

        sex : string,
        address: string,
        status: string,
        coverageArea: string,
        email : string,
        position: string,
        location : {
            latitude: number,
            longitude: number
        }
}

Profile Service Provider 函数

**(profile.ts)**

import { ProfileModel } from './profileModel';
  getMyProfile(data){
    return this.http.get<ProfileModel>(this.apiUrl + data)
    .pipe(catchError(this.handleError))     
  }



  private handleError(error: HttpErrorResponse){
      if(error.error instanceof ErrorEvent){
          // A client-side or network error occured
          console.error("An error occured: ", error.error.message)
      } else {
          // The backend returned unsuccessful response
          // The response body may contain clues as to what happened
          console.error(`Backend returned code ${error.status}, `+
            `body was: ${error.error}`);
      }
      return new ErrorObservable("Network Error, please try again later.")
  }

配置文件路由服务器端代码

//Set up
let express = require("express");
let router = express.Router();

let staffModel = require("../schema");


router.get("/profile/:user", function(req, res){ 
    //let check = req.params();
    staffModel.find({"login.username": req.param("user")})
        .then(data=> {
            res.setHeader("Content-Type", "application/json");
            let check = JSON.stringify(data);
            res.send(check);
        })
        .catch(err=> res.send({"error": "There's an issue with the server."}))
});

module.exports = router;

即使有了这些，我仍然会得到一个数据转储，我可以通过索引访问它，它还会从数据库中转储我不需要的所有不必要的数据

任何帮助将不胜感激

Answer 1

你必须使用 httpClient，而不是 http——那么你就不需要 JSON.stringify

如果你得到一个唯一的值，你可以简单

//I supouse that you received "data:[{...}]"
getMyProfile(data){
    return this.http.get<ProfileModel>(this.apiUrl + data)
    .map(result=>{  //don't return result, just result.data[0]
       return result.data[0];
    })
    .pipe(catchError(this.handleError))     
  }

如果你得到一个数组-多个数据-，你可以

// data:[{...},{...}]
getMyProfile(data){
    return this.http.get<ProfileModel>(this.apiUrl + data)
    .map(result=>{  //don't return result, just result.data
       return result.data 
    })
    .pipe(catchError(this.handleError))     
  }

MoreOver你可以变换数组

// data:[{id:0,val:'aaa',val2:'bbb'},{id:1,val:'ccc',val2:'ddd'}]
getMyProfile(data){
    return this.http.get<ProfileModel>(this.apiUrl + data)
    .map(result=>{                 //don't return result, just result.data
                                   //but, transform the data
       return result.data.map(d=>{ //e.g. I don't want "val2"
           id:d.id,
           val:d.val
       }) 
    })
    .pipe(catchError(this.handleError))     
  }