Question

我尝试以nativescript角度绑定数据。在控制台上，我得到了json数据，但是我无法绑定到html，有人可以帮助我吗？

这是我的控制台日志

[
{
  id:1,
  name:jonathan,
  status:y
},
{
  id:2,
  name:hendra,
  status:y
},
{
  id:3,
  name:jarjit,
  status:y
   }
]

这是我的服务

userList(){
    let headers = this.createRequestHeader();
    return this.http.get(this.warehouseUrl, { headers: headers });
}
private createRequestHeader() {
    let headers = new HttpHeaders({
        "Content-Type"  : "application/json",
        "Authorization" : "Basic " + this.Authorization
     });
    return headers;
}

这是我的组成部分

this.items = [];

ngOnInit(): void {
    this.authService.userList()
        .subscribe(
            (result:any) => {
                this.items = result;
                console.log(this.items);
            }
        )
}

这是我的html

<StackLayout>
<ListView [items]="this.items" class="list-group">
    <ng-template let-item="item">
        <Label [nsRouterLink]="['/item', item.id]" [text]="item.name"
            class="list-group-item"></Label>
    </ng-template>
</ListView>

请帮助我如何在nativescript angular中绑定数组json

Answer 1

[items]="this.items"仅需为[items]="items"。您无需使用html中的this引用，只需使用变量名即可。

您还需要根据package.json稍微更改http调用，您需要使用return this.http.get(this.warehouseUrl, { headers: headers }).pipe(map(res => res.json()));。使用导入import { map, timeout } from "rxjs/operators";

如何在没有接口类的情况下在nativescript angular中绑定数据json？

1 个答案: