Question

我已经调用了API并成功返回了数据。但是使用那个JSON数据，我无法与视图绑定。以下是HTML模板

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

这是我的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))   
             });

这是从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}

我总是会在视图中看到未定义的内容。请帮助我

Answer 1

您JSON.stringify数据意味着您正在将data对象转换为字符串，而在html内部，您试图选择string字段，如{{1} 1}}。

从数据中删除object。

保持这样：

JSON.stringify

你的html应该是这样的：

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

无法将JSON数据绑定到Angular2 nativescript中的View

1 个答案: