如何将动态内容传递到快速车把中的布局文件（部分）？

Question

在我的NodeJS-express应用中，我正在使用车把引擎进行模板化。 可以使用动态数据进行路由。 我的应用程序只有一个布局文件。 如何动态将数据传递到模板文件？

编辑：

这是我的模板文件。

 <!DOCTYPE html> <html> <head> </head> <body> <nav> <div> <ul class="navbar-nav"> <li class="nav-item active"> <a>Home</a> </li> <li class="nav-item"> <a>about</a> </li> <li class="nav-item"> <a>contact</a> </li> </ul> </div> </nav> {{{body}}} </body> </html>

我需要导航项（家庭，关于，联系方式）全部来自API调用。 没有硬编码。

Answer 1

我认为您需要在车把上这样做：

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <nav>
      {{{navStuff}}}
    </nav>
    {{{body}}}
  </body>
</html>

在您的Express路线中，您可以执行以下操作：（我假设它是简单的路线。您可以适应ReactRouter V4）

app.get('/home', function(req, res, next){
return res.render('app',{
    body: toRender,
    navStuff: menu
    })
});

同样，如果您必须进行数据库调用以获取基于页面的菜单项，则可以采用以下方法：

app.get('/home', function(req, res, next){
 getMenuFromDb(pathName).then(function(menu){
    return res.render('app',{
        body: toRender,
        navStuff: menu
        })
    });
})

}）

如何将动态内容传递到快速车把中的布局文件（部分）？

问题描述

1 个解决方案

解决方案1
0 2017-12-26 06:09:04

如何将动态内容传递到快速车把中的布局文件（部分）？

问题描述

1 个解决方案

解决方案1 0 2017-12-26 06:09:04

解决方案1
0 2017-12-26 06:09:04