我正在使用Angular在控制台中获取数据,但无法在html中呈现数据 [英] I am getting Data in Console Using Angular but I can't render it in html
本文介绍了我正在使用Angular在控制台中获取数据,但无法在html中呈现数据的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这是我的Page-datail.component.ts
export class PageDetailComponent implements OnInit {
private apiUrl="http://localhost:3000/pages"
pages={};
// data={};
constructor(private route:ActivatedRoute,private page:PageService,private router: Router,private http:Http) { }
ngOnInit() {
this.getpage(this.route.snapshot.params['title']);
// this.getPages();
// this.getData();
}
getpage(title) {
this.page.getPage(title)
.subscribe(pages => {
console.log(pages);
this.pages = pages;
}, err => {
console.log(err);
});
}
这是我在控制台中得到的响应.我收到此对象对象错误",它无法用html呈现.
<a *ngFor="let p of pages" class="list-group-item list-group-item-action">
{{p.title}}
</a>
推荐答案
尝试一下,
export class PageDetailComponent implements OnInit {
private apiUrl="http://localhost:3000/pages"
pages=[];
// data={};
constructor(private route:ActivatedRoute,private page:PageService,private router: Router,private http:Http) { }
ngOnInit() {
this.getpage(this.route.snapshot.params['title']);
// this.getPages();
// this.getData();
}
getpage(title) {
this.page.getPage(title)
.subscribe(page => {
console.log(page);
this.pages.push(page);
}, err => {
console.log(err);
});
}
这篇关于我正在使用Angular在控制台中获取数据,但无法在html中呈现数据的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文