javascript配列に含まれるオブジェクトをAngular HttpClientと一緒に送信するにはどうすればよいですか？

Question

私はこのような配列を持っています。私は自分のサーバーに

let dataitems = this.myarr.map(x => JSON.stringify(x)); 

const req = this.http.post(nestleapiurl + saveform , { 
    'listitem': dataitems.toString() , 
}, {headers: headers}) 
    .subscribe(
    res => { 
     console.log(res); 
    }, 
    err => { 
     console.log('Error occured'); 
     console.log('Gönderilen:' + this.myarr.toString()); 
    } 
); 

をこの配列を送りたい

myarr = [{ 'madde': '1' , 'deger': 'truea' } , { 'madde': '2', 'deger': 'falsea' }]; 

私はこのフォーマットで送信したいが、私はやるcouldntの。

{ 
"listitem":[ 
    { "madde":"1" , "deger": "truea" } , { "madde": "2", "deger": "falsea" } 
    ] 
} 

私はpostmanアプリケーションで以下のjsonをサーバーに送信できますが、角度jsアプリケーションで送信できませんでした。

どのように私は私の配列をJSONにフォーマットすることができますか？

ありがとうございました。

Answer 1

JSON.stringifyメソッドを使用してください。

myarr = [{ 'madde': '1' , 'deger': 'truea' } , { 'madde': '2', 'deger': 'falsea' }]; 
 
let obj=JSON.stringify({'listitem':myarr}); 
 
console.log(obj);

Answer 2

次のように試してみてください：以下

let obj = {}; 
obj["listitem"] = this.myarr; 
obj = JSON.stringify(obj); 
console.log('obj', obj); 

私のコード例：

export class Component implements OnInit { 

    obj: any = {}; 

    myarr = [{ 'madde': '1', 'deger': 'truea' }, { 'madde': '2', 'deger': 'falsea' }]; 

    ngOnInit() { 
     this.obj["listitem"] = this.myarr; 
     console.log('this.obj', JSON.stringify(this.obj)); 
    } 
}