Node.js 按类别查找数组中不在角度前端工作的对象
我正在尝试构建一个博客应用程序,在前端使用Angular,在后端使用node、express和mongodb作为数据库。现在我正在尝试创建一个名为blog categories的组件,其中应该有一个方法来迭代整个数据库,并通过键categories进行搜索,然后返回组件中的值,这样所有的类别值现在都显示在组件中,当有人单击这些值时,所有具有此类类别的blog都将显示出来展示。如果您想更好地了解项目,可以查看我的git存储库。但这条路线似乎无法抓住这一类。在标题中,它将变为null。localhost:4000/api/v1/blogs/view/by/category/null典型的数据库看起来有点像这样:Node.js 按类别查找数组中不在角度前端工作的对象,node.js,angular,mongodb,routing,Node.js,Angular,Mongodb,Routing,我正在尝试构建一个博客应用程序,在前端使用Angular,在后端使用node、express和mongodb作为数据库。现在我正在尝试创建一个名为blog categories的组件,其中应该有一个方法来迭代整个数据库,并通过键categories进行搜索,然后返回组件中的值,这样所有的类别值现在都显示在组件中,当有人单击这些值时,所有具有此类类别的blog都将显示出来展示。如果您想更好地了解项目,可以查看我的git存储库。但这条路线似乎无法抓住这一类。在标题中,它将变为null。localho
{
"error": false,
"message": "All Blogs found Successfully",
"status": 200,
"data": [
{
"title": "Blog Title 2 Custom edited",
"description": "Blog description 2 Custom Edited",
"bodyHtml": "<h3>Heading of the body CUSTOM</h3><p>This is the first blog data getting uploaded n blog project</p>\nedited",
"views": 9,
"isPublished": true,
"category": "Comedy",
"author": "Decardo",
"tags": [
"english movies, action movies, comedy"
],
"blogId": "nbfO8hJp",
"created": "2020-01-04T23:33:38.000Z",
"lastModified": "2020-01-04T23:33:38.000Z"
},
{
"title": "Blog Title 2",
"description": "Blog description 2",
"bodyHtml": "",
"views": 1,
"isPublished": true,
"category": "tech",
"author": "Xtremator",
"tags": [
"english movies",
" action movies",
" comedy"
],
"blogId": "ZW8OR7vc",
"created": "2020-01-04T23:34:08.000Z",
"lastModified": "2020-01-04T23:34:08.000Z"
}
]
}
blog category.component.html
<h3>Categories</h3>
<ul>
<li *ngFor="let category of categories">
{{category.name}}
</li>
</ul>
</div>
类别
-
{{category.name}
那么问题是什么:)?有什么错误吗?console.log(数据)代码>出现在您的控制台中?它显示“找不到类型为“object”的不同支持对象“[object object]”。NgFor仅支持绑定到数组等可重用项。”若要添加到@PierreDuc,请从console.log(data)显示数据,这将有所帮助。我怀疑您的数据不是数组,您可能需要这样做。categories=data.categories如果数据不是您期望的数据,则可能是data.data
或其他什么。仔细查看记录的内容(忽略错误)
<h3>Categories</h3>
<ul>
<li *ngFor="let category of categories">
{{category.name}}
</li>
</ul>
</div>