Angular2:从http.get响应中提取数组元素

Angular2: extract array element form http.get response

本文关键字:提取 数组元素 响应 get http Angular2      更新时间:2023-09-26

Angular2 非常有趣!(讽刺结束)

这个特定的 plunker 成功地从数组中提取了一个非常特定的元素,然后能够将其显示到 templateUrl 中。一般来说,在模板中显示数据真的很容易。

不幸的是,这不是我的问题。我需要做的是从dataService/Injectable获取一个值并将其转换为变量,然后将该变量传递到图表程序中。基本上,我需要这样的东西: console.log(last);

   //a simple json data component
   import {Component, View} from 'angular2/angular2'
   import {DataService} from './dataService'
   @Component({
    selector: 'my-data',
  templateUrl: 'src/template.html'
})
export class Data {
  constructor(dataService:DataService) {
    dataService.dataObser
      .subscribe(dataObj => {
        this.last = dataObj.person.last;
        this.dataObj = dataObj;
      });
      console.log("this is what I'm looking for " + this.last);
  }
}

然后,我将获取变量并传递到 chartData 中,如此问题中所述。这就是为什么我需要从 json 捕获此响应并将其转换为变量。我想这应该不会那么难吗?

dataService.dataObser
  .subscribe(dataObj => {
    this.last = dataObj.person.last;
    this.dataObj = dataObj;
  });
  // this line is executed before the first `dataObject` event arrives.
  console.log("this is what I'm looking for " + this.last);

如果只有一个预期事件,请将此行移动到.subscribe()回调中,否则添加complete回调

dataService.dataObser
  .subscribe(dataObj => {
    this.last = dataObj.person.last;
    this.dataObj = dataObj;
  }, 
  (_) => {}, 
  () => {
    console.log("this is what I'm looking for " + this.last);
  });
  // this line is executed before the first `dataObject` event arrives.