访问模板params-ejs-express

Question

我正在创建车队管理应用程序，我已经为车辆的品牌和型号进行了设置，并在我的数据库模型中建立了一对多关系。

我正试图展示汽车品牌及其型号，然而，它似乎不起作用，下面是我的路线文件中的代码：

router.get("/new",function(req,res){
    var selectedMake;
    Make.find({},function(err,result){
        if(err){
            console.log("an error occured while fetching the data");
        }else{
            if(req.query.id){
                Make.findById(req.query.id,function(err,foundMake){
                    console.log("found the query string");
                    selectedMake = foundMake;
                    console.log(selectedMake);
                })
            }
            res.render("vehicles/newvehiclemake",{makes:result,selected: selectedMake});        
        }
    })
});

这是我试图访问.ejs文件中"选定"变量的代码

<div class="row">
    <div class="col-md-9 col-md-offset-3">
        <table class="table table-striped">
              <tr>
                  <th>Available Models</th>
              </tr>
              <% if(selected) { %>
              <% selected.models.forEach(function(model){ %>
                 <tr><td><%= model.name %></td></tr>
              <% }) %>
              <% }else { %>
              <tr><td>No Models available for the selected Make</td></tr>
              <% } %>
        </table>
    </div>
</div>

所选的应该执行的分支永远不会到达，并且我总是没有可用于所选Make 的型号

有线索吗？

Answer 1

我认为这是因为您的Make.findById方法是一个异步调用。所以您的回调function(err,foundMake)是在res.render 之后调用的

将您的渲染调用移动到回调函数中，然后它就可以工作了。

       if(req.query.id){
            Make.findById(req.query.id,function(err,foundMake){
                console.log("found the query string");
                selectedMake = foundMake;
                // after the findById call finished, now it has value. 
                console.log(selectedMake); 
                // res.render should be called at this moment.
                res.render("vehicles/newvehiclemake",{makes:result,selected: selectedMake});
            })
            // you would see this line is called before the data is ready.
            console.log(selectedMake);
        }