Question

如何在http响应中获取值并在html页面中使用之前对其进行格式化或操作。

到目前为止我的代码：

.ts文件

constructor(public navCtrl: NavController, public navParams: NavParams, public getAftaler: GetaftalerProvider) {

this.getAftaler.hentAftaler().subscribe(data =>{
  this.aftaleData = data;
   console.log(data);

  })

 }

这里我把阵列拿回来了 - 没关系

我也可以在html文件中显示数据

.html文件

 <ion-card *ngFor="let records of aftaleData" >
    <ion-card-header [innerHtml]=records.full_name>

    </ion-card-header>
    <ion-card-content>

    </ion-card-content>
  </ion-card>

我的问题是项目'records.start_date'是完整日期，我只想显示时间'H：mm'

我该怎样以及在哪里这样做？

有人能指出我正确的方向

Answer 1

您可以在getAftaler服务中或订阅内部执行此操作。

对于第二种情况，您可以按照以下方式执行此操作：

this.getAftaler.hentAftaler().subscribe(data =>{
    /*Do it here inside Subscription*/
    this.aftaleData = data;
    /*maybe loop over aftaleData here and change what you want*/
    console.log(data);
})

为了轻松格式化日期，您可以通过管道来实现这一目标 - 这是一个简单，简单且非常有用的概念。

Here you can find the official angular documentation of date pipe

Ionic - 在显示之前操纵http响应数据

1 个答案: