Angular4:异步调用服务器后更新组件视图
Angular4:异步调用服务器后更新组件视图
提问于 2017-09-15 06:22:02
在ngOnInit生命周期挂钩期间进行服务调用之后，我试图更新组件的视图。我订阅服务方法，然后在订阅方法中迭代响应以创建一个ToDo对象，然后将其推到列表中。但是，在执行此操作之后，todoList似乎从未被更新过。有什么想法吗？
以下是组件类型记录代码：
export class CanvasComponent implements OnInit{
todo: ToDo;
todoList: ToDo[] = [];
tasks: Task[];
errorMessage: string;
constructor(public taskService: TaskService) {
}
ngOnInit(){
// this.todo = new ToDo(0, 'placeholder', false, 'Please Implement custom components!');
// this.newTodo = new ToDo(0, 'placeZholder', false, 'Please Implement custom components!');
this.taskService.GetAll()
.subscribe(response => {
this.todoList = response;
)
}..and my component视图使用此块打印信息：
<div class="row">
<div *ngFor="let todo of todoList">
{{todo.title}}
{{todo.description}}
</div>
</div>Stack Overflow用户
发布于 2017-09-15 06:43:37
尝试在构造函数级别调用get all方法
constructor(public taskService: TaskService) {
this.taskService.GetAll();
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46232966
复制相关文章
相似问题
腾讯云开发者
