Saya mengambil data dari server dalam format json dalam file .ts menggunakan kode di bawah ini:
this.displayList = this._myservice.myservice(this.taskdesc).subscribe(data => {
this.dataa = data;
this.ENTDT = data.map( e => e.ENTDT );
console.log(this.ENTDT);
// answer in console is 2-DEC-2017 03:22:11
// need to change its format before rendering in HTML
Ditampilkan pada halaman home.html menggunakan kode di bawah ini:
<ion-list no-lines *ngFor="let list of displayList;let i=index;" >
<ion-item>
{{list.TASKDESC}}
{{list.ENTUSR }}
{{list.ENTDT }}</ion-item>
Format ENTDT dalam array adalah 22-DEC-2017 03:22:11 tetapi saya ingin mengubahnya menjadi Date2 = new Date('22-DEC-2017 03:22:11').toISOString(); dan kemudian merender pada HTML.
Apa cara terbaik untuk melakukan ini?
3 jawaban
Cukup gunakan operator peta dalam layanan Anda dan ubah hasil Anda. Kami menggunakan operator peta atau rxjs dalam skenario di mana kami ingin mengubah nilai yang dipancarkan dari yang dapat diamati. Gunakan tautan ini untuk informasi lebih lanjut https://www.learnrxjs.io/operators/transformation/ peta.html.
Semoga bisa membantu.
Pertama, Anda cukup melakukan ini:
this.ENTDT = data.map( e => new Date(e.ENTDT).toISOString());
Tetapi Anda juga harus dapat menggunakan hasil Anda saat ini dan menerapkan pipa tanggal ke dalamnya di html Anda
https://angular.io/guide/pipes
https://angular.io/api/common/DatePipe
.ts saya harus mengkodekan apa yang Anda pandu sehingga this.displaylist's entdt object is changed and i get the altered one ...atau saya perlu membuat kode dalam html, mohon petunjuk
|date
Coba ini
this._myservice.myservice(this.taskdesc).subscribe(data => {
var newdata = data.map(function(obj){
var a = {};
a.TASKDESC = obj.TASKDESC;
a.ENTUSR = obj.ENTUSR;
a.ENTDT = new Date(obj.ENTDT).toISOString()
return a;
});
this.displayList = newdata;
})
property TASKDESC does not exist on type '{}'.. , mohon saran
postman , tautan pastebin - pastebin.com/14rAZG1x
{{ list.ENTDT.toISOString() }}