カンニングJSONデータをAngular2で表示するためにバインドするnativescript

Question

I APIを呼び出してデータを正常に返しました。 そのJSONデータでは、ビューにバインドできません。 以下はHTMLテンプレート

<StackLayout>    
     <Label [text]="users.BookingReferenceID"> </Label> 
</StackLayout>  

ですこれはこれは、データが私は未定義のでしょうAPI常に

{"Collection": 
[{"IsIndexData":false, 
"DocumentNumber":"2300000002018", 
"BookingReferenceID":"CID0EX", 
"IssuingDate":"2016-11-04T00:00:00", 
"Errors":null,"Information":null, 
"Warnings":null}], 
"Errors":null, 
"Information":null, 
"Warnings":null} 

から返された私のapp.component.ts

this._dataService.Search(id)    
      .subscribe((data) => this.users = JSON.stringify(data), 
      error => console.log(error), 
      () => {(
        console.log('Data Retrieved successfully' + this.users)) 
      }); 

ですビュー...助けてください

Answer 1

あなたはJSON.stringifyですchは、dataオブジェクトを文字列に変換することを意味し、html内ではobjectのようなstringのフィールドを選択しようとしています。

データからJSON.stringifyを削除します。

はこのようにそれを残す：

.subscribe((data) => this.users = data, 

し、HTMLのようなものでなければなりません：

<StackLayout>    
     <Label [text]="users?.Collection[0].BookingReferenceID"> </Label> 
</StackLayout>