将 http 请求响应 json 数据映射到 Angular 2 对象并从外部访问

Question

export class PersonEditDetailsComponent implements OnInit,OnDestroy {


person: Person;
sub: any;

constructor(private peopleService: PeopleService,
            private route: ActivatedRoute,
            private router: Router) {
}

ngOnInit() {
    this.sub = this.route.params.subscribe(params => {
        let id = Number.parseInt(params['id']);
        console.log('getting person with id: ', id);
        this.peopleService
            .get(id) // send http request 
            .subscribe(response => this.person = response); // get response value
    });
}

//I want to access this.person values here.
}

我是 Angular2 JS 的新手。如上代码，我只想将 json 响应数据映射到 angular2 typescript 对象。我怎样才能做到这一点。它正在获得“响应”价值。但不能映射到人对象。我想使用来自外部的响应数据

Answer 1

如果您想使用您的响应，例如在您的组件中的方法中，最简单的方法是从订阅内部调用该方法，在您获得 person 的值之后：

ngOnInit() {
    this.sub = this.route.params.subscribe(params => {
        let id = Number.parseInt(params['id']);
        console.log('getting person with id: ', id);
        this.peopleService
            .get(id)
            .subscribe(response =>  {
               this.person = response;
               this.doSomething(); // call method here!
            });
    });
}

doSomething() {
  console.log(this.person) // here value is available!
}

Answer 2

.subscribe(response => this.person = .json().data as Person); // get response value

在你的PeopleService 上你的get 使用.publishLast().refCount() 来缓存结果/