resolve守衛(wèi)
export class Getcasedata implements Resolve<CaseInfo> {

private getcasedata= {};
constructor(private http: HttpInterceptorService, private router: Router) {}
login() {

return this.http.request({
  method: 'get',
  url: '../../assets/data/caseInfo.json',
  data: {
    id: 11,
  },
});

}
resolve (route: ActivatedRouteSnapshot ): CaseInfo {
let id: string = route.queryParams['id'];

return this.login();

}
}

http服務(wù)；
public get(url: string, params: any): any {

return this.http.get(url, {search: params})
  .toPromise()
  .then(this.handleSuccess)
  .catch(res => this.handleError(res));

}

/**

1. post(url: string, params: any) {
   return this.http.post(url, params)

   .toPromise()
   .then(this.handleSuccess)
   .catch(res => this.handleError(res));

   }

   /**

   • 處理請求成功
   • @param res
   • @returns {{data: (string|null|((node:any)=>any)
     */

2. handleSuccess(res: Response) {
   let body: {} = res['_body'];
   if (body) {

   return {
     data: body || {},
     statusText: res.statusText,
     status: res.status,
     success: true
   };

   }
   else {

   return {
     statusText: res.statusText,
     status: res.status,
     success: true
   };

   }

   }

組件接收數(shù)據(jù)

this.routerinfo.data.subscribe((data: {caseInfo: CaseInfo}) => {
  let id: string = this.routerinfo.queryParams['id'];
  this.caseData = data.caseInfo;
  console.log( typeof  this.caseData);
});