node.js - 我正在使用 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>
解决方案
原因是我得到这个是我在对象而不是数组中返回我的数据我这样做是这样的
{{pages.title}}
你可以把它变成这样的对象
pages:any={}; //For Objects
page:any=[]; //For Arrays
推荐阅读
- javascript - 在没有任何服务器的浏览器中将 Angular 5 应用程序作为静态网站运行
- javascript - 使用 underscore.js 模板对其父级唯一的动态选择选项
- jquery - Materialize CSS - 动态添加选项到选择列表
- javascript - 如何防止来自父 DOM 的点击事件?
- r - 使用带有 ggplot 的应用函数来绘制数据框列的子集
- export-to-csv - 将数据从 SQL 数据库导出到 CSV 文件,一些数据行被拆分为多行
- java - Error after changing name of Naturald parameter
- video-streaming - 如何在阿里巴巴VOD服务上上传单个视频
- mysql - 如何在 Laravel 中添加金额约束的总和?
- ffmpeg - 如何让ffmpeg自动填充帧?