NativeScript ListView dosnt work. 我没有看到数据

Question

我有task-component.tsuserTaskList数组中包含一些数据。 现在我想向用户显示此数据。

我想使用<ListView>来显示数据。

这是我所做的：

task-component.ts ：

public userTaskList: any;
constructor(private taskService: TaskService, private routerExtensions: RouterExtensions, private zone: NgZone) {
this.userTaskList = [];
}
ngOnInit() {
this.taskService.getAllTasks().toPromise().then(res => {
this.userTaskList=res;
this.zone.run(()=>{})
console.log("data is here ! ==>>> ", this.userTaskList);
})
}

任务组件.html：

<ActionBar title="Task List">
<NavigationButton text="Go Back" icon="res://back" ></NavigationButton>
</ActionBar>
<ListView [userTaskList]="myTasks" >
<ng-template let-task="task" >
<StackLayout >
<Label [text]= task.Name ></Label>
<Button text="Add" class="submit-button" (tap)="submit()"></Button>
<Button text="logOut" class="submit-button" (tap)="logOut()"></Button>
<Button text="ShowToken" class="submit-button" (tap)="Tokenv()"></Button>
</StackLayout>
</ng-template>
</ListView>

我没有得到任何 Extantions，甚至当我运行它时按钮都消失了。 我看到的只是空白页。

你能告诉我我做错了什么吗？ 谢谢！

Answer 1

更改

<ListView [userTaskList]="myTasks" >

自

<ListView [items]="userTaskList"  >

并更改：

<ng-template let-task="task" >

自

<ng-template let-task="item" >

另外，您忘记了"：

<Label [text]= task.Name ></Label>

所以它应该是：

<Label [text]= "task.Name" ></Label>

列表视图要求[items]是属性名称。

顺便说一句 - 你在这里不需要 ngZone。(还有一个友好的建议，使用可观察量，而不是承诺(。