时间戳

首页 > 解决方案 > 无法读取未定义的属性“名称” - mongoose、express、nodeJS、ejs

node.js - 无法读取未定义的属性“名称” - mongoose、express、nodeJS、ejs

问题描述

我将如何从对象 ID 中获取用户名？我目前使用填充将用户数据从一个模式拉到另一个模式，它返回用户 ID 和名称，但我只想显示名称。我尝试在视图中使用 post.submittedby.name，但是我不断收到“名称未定义”错误。我也尝试将其设置为变量但同样的错误。

以下是我的数据在页面上的显示方式。

这是信息的显示方式，只想提取名称。

理想情况下，我想说发布者：user2

以下文件

后模型

const mongoose = require('mongoose');

const PostSchema = new mongoose.Schema({
    title: {
        type: String,
        required: true
    },
    body: {
        type: String,
        required: true,
    },
    date: {
        type: Date,
        default: Date.now,
        required: true,
    },
    submittedBy: {
        type: mongoose.Schema.Types.ObjectId, 
        ref: 'User',
    },
    comments: {
        type: String,
        default: 'Other info goes here',
    }
})

const Post = mongoose.model('Post', PostSchema);
module.exports = Post;

用户模型

const mongoose = require('mongoose');

const UserSchema = new mongoose.Schema({
    name: {
        type: String,
        required: true
    },
    email: {
        type: String,
        required: true
    },
    password: {
        type: String,
        required: true
    },
    date: {
        type: Date,
        default: Date.now
    }
});

const User = mongoose.model('User', UserSchema);
module.exports = User;

index.js

router.get('/dashboard', ensureAuthenticated, (req, res) => {
  Post.find()
    .populate({ path: 'submittedBy', select: 'name' })
    .then((result) => {
      res.render('dashboard', {
        posts: result,
        user: req.user,
      })
      
    })
    .catch((err) => {
      console.log(err)
    })

})

主页/仪表板 view.ejs

        <div class="forumView">
            <h2>All Posts</h2>

            <% if (posts.length > 0)  {%>
            <% posts.forEach(post => { %>

                <h3 class="title"> <%= post.title %></h3>
                <p class="body"> <%= post.body %> </p>
                <p class="body"> Posted by: <%= post.submittedBy %> </p>

            <% }) %>
            <% } else { %>
                <p>There are no posts to display...</p>  
                <% } %>  
        </div>

标签： node.jsexpressmongooseejs

解决方案

我认为发生的事情是当您将结果传递给模板时，这些submittedBy子文档被转换为字符串。所以试试这个：

router.get('/dashboard', ensureAuthenticated, (req, res) => {
  Post.find()
    .populate({ path: 'submittedBy', select: 'name' })
    .lean() // <- This will give you plain JSON objects as opposed to mongoose docs.
    .then((result) => {
      result.forEach(i => i.submittedBy = i.submittedBy.name) // <- This will override the submittedBy prop with the actual name vs an object
      res.render('dashboard', {
        posts: result,
        user: req.user,
      })
      
    })
    .catch((err) => {
      console.log(err)
    })
})

此后，无需更改模板代码。

免责声明：我没有对此进行测试。

推荐阅读