如何在Ionic 3中将对象的数组从一个页面传递给另一个组件？

Question

我正在使用 Ionic 3 和 angular 4 开发应用。我有以下问题：如何将对象的数组从页面传递到组件？ 当我通知我的指令中的对象组件时，它将转换为包含以下信息的字符串： [Object object], [Object object], [Object object] ...

Page.html（页面）代码：

<ion-card *ngFor="let telemetry of listTelemetry">
    <telemetria-chart medicao="{{telemetry.medicoes}}"></telemetria-chart>
</ion-card>

＆＃39; telemetry.medicoes＆＃39;的原始价值。 ：

TelemetriaChart.ts（竞争对手）代码：

@Component({
  selector: 'telemetria-chart',
  templateUrl: 'telemetria-chart.html'
})
export class TelemetriaChartComponent {

  @ViewChild('myChart') canvas: ElementRef;

  @Input() funcionalidadeId: any;
  @Input() medicao: any [];

  text: string;

  constructor() {
    setTimeout(() => {
      console.log('this.medicao', this.medicao);
      //...do something with this.medicao     
    }, 1000);
  }
}

来自console.log（this.medicao）的结果：

我需要从＆＃39; this.medicao＆＃39;。

获取信息

Answer 1

更改

medicao="{{telemetry.medicoes}}"

到

[medicao]="telemetry.medicoes"

有用的链接：

Angular Interpolation

在那里你可以阅读{{}}。我们需要使用的地方以及插入数据的插值。

Component Interaction

在那里，您可以阅读我们可以在angular2

中使用的组件通信方案