Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 按类别查找数组中不在角度前端工作的对象_Node.js_Angular_Mongodb_Routing - Fatal编程技术网

Node.js 按类别查找数组中不在角度前端工作的对象

Node.js 按类别查找数组中不在角度前端工作的对象,node.js,angular,mongodb,routing,Node.js,Angular,Mongodb,Routing,我正在尝试构建一个博客应用程序,在前端使用Angular,在后端使用node、express和mongodb作为数据库。现在我正在尝试创建一个名为blog categories的组件,其中应该有一个方法来迭代整个数据库,并通过键categories进行搜索,然后返回组件中的值,这样所有的类别值现在都显示在组件中,当有人单击这些值时,所有具有此类类别的blog都将显示出来展示。如果您想更好地了解项目,可以查看我的git存储库。但这条路线似乎无法抓住这一类。在标题中,它将变为null。localho

我正在尝试构建一个博客应用程序,在前端使用Angular,在后端使用node、express和mongodb作为数据库。现在我正在尝试创建一个名为blog categories的组件,其中应该有一个方法来迭代整个数据库,并通过键categories进行搜索,然后返回组件中的值,这样所有的类别值现在都显示在组件中,当有人单击这些值时,所有具有此类类别的blog都将显示出来展示。如果您想更好地了解项目,可以查看我的git存储库。但这条路线似乎无法抓住这一类。在标题中,它将变为null。localhost:4000/api/v1/blogs/view/by/category/null典型的数据库看起来有点像这样:

 {
    "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>