要在Angular 8中使用ngFor从对象中显示数据,你需要按照以下步骤进行操作:
首先,确保你的对象是一个数组,而不是一个普通的对象。如果你的对象是一个普通的对象,你可以使用Object.keys()方法将其转换为一个数组。
确保你已经在组件中导入了FormsModule。
在组件中声明一个变量来保存你的数据。例如,你可以声明一个books数组来保存书籍数据。
books = [
{ title: 'Book 1', author: 'Author 1' },
{ title: 'Book 2', author: 'Author 2' },
{ title: 'Book 3', author: 'Author 3' }
];
{{book.title}}
{{book.author}}
在这个例子中,ngFor指令将迭代books数组,并为数组中的每个对象创建一个div元素。然后,我们使用变量book来访问每个对象的title和author属性,并将它们显示在HTML模板中。
确保按照这些步骤操作后,你应该能够在Angular 8中成功使用ngFor从对象中显示数据。如果仍然无法显示数据,请检查控制台是否有任何错误信息,并确保你的数据对象格式正确。