NativeScript ListView不起作用。我看不到数据
我有NativeScript ListView不起作用。我看不到数据,listview,nativescript,ng-template,Listview,Nativescript,Ng Template,我有task component.ts,它在userTaskList数组中包含一些数据。 现在我想向用户显示这些数据 我想使用显示数据 以下是我所做的: task-component.ts: public userTaskList: any; constructor(private taskService: TaskService, private routerExtensions: RouterExtensions, private zone: NgZone) { this.us
task component.ts
,它在userTaskList
数组中包含一些数据。
现在我想向用户显示这些数据
我想使用
显示数据
以下是我所做的:
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);
})
}
task-component.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>
我没有得到任何版本,甚至当我运行它时,按钮也不见了。
我只看到一页空白
你能告诉我我做错了什么吗?
谢谢大家! 变化
<ListView [userTaskList]="myTasks" >
因此,它应该是:
<Label [text]= "task.Name" ></Label>
Listview要求属性名为[items]
顺便说一句,你在这里不需要ngZone。(和友好的建议,与可观察的事物合作,而不是承诺)
<ng-template let-task="task" >
<ng-template let-task="item" >
<Label [text]= task.Name ></Label>
<Label [text]= "task.Name" ></Label>