我正在使用Angular在控制台中获取数据，但是我不能用html呈现它
我正在使用Angular在控制台中获取数据，但是我不能用html呈现它
提问于 2018-06-24 03:31:22
这是我的页面-数据.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>This is the response I am getting in the console
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-06-24 04:03:04
尝尝这个,
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);
});
}Stack Overflow用户
发布于 2018-06-24 04:03:02
原因是我得到了这个，我在Object而不是Array中返回我的数据，我是这样做的
{{pages.title}} ，你可以像下面这样的对象
pages:any={}; //For Objects
page:any=[]; //For Arrays页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51004438
复制相关文章
相似问题