【问题标题】:Handlebars partial display name instead of template in loopback车把部分显示名称而不是环回中的模板
【发布时间】:2016-06-09 03:12:18
【问题描述】:

我有一个有线问题,即在环回中部分显示名称而不是模板本身。由于某种原因,部分未注册。以下是我的代码......我确定我遗漏了一些东西,但无法完全弄清楚。所有帮助赞赏。我使用 express-handlebars 作为环回和车把之间的桥梁

在 server.js 中,我有以下代码

var handlebars  = require('handlebars');
var exphbs      = require('express-handlebars');

var hbs = exphbs.create({
    defaultLayout : '',
    helpers       : {},
    extname       : 'handlebars'
});

app.engine('handlebars', hbs.engine);
app.set('view engine', 'handlebars');
app.set('views', __dirname + '/../client/views');

以下是我的快速路由器代码...

 router.get('/', function(req, res) {
     res.render('index', {
         partials: {
            mypartial : 'awesomepartial'
         },
     });
 });

... 和索引页的部分标签。部分页面只是普通的 html 代码

{{> mypartial}}

....当索引模板被执行时,我看到以下文本而不是从 awesomepartial.handlebars 模板(与 index.handlebars 位于同一目录中)中看到的文本

awesomepartial

我做错了什么?为什么把手发回部分名称而不是模板代码。我尝试了各种组合,这让我相信路径可能不是问题。

【问题讨论】:

    标签: handlebars.js loopbackjs


    【解决方案1】:

    我相信您需要使用动态部分,如下所示:

    {{> (我的部分)}}

    基本上只是用括号包裹变量。在此处查看“动态部分”的文档:http://handlebarsjs.com/partials.html

    【讨论】:

    • 感谢您的回复和指点。您的解决方案给了我“408 TypeError: Custom message: undefined is not a function”,所以最终做了 {{> (lookup . 'partials.mypartial') }} 并定义 partialsDir : __dirname + '/../client/views ',在创建 exphbs 实例时有效。
    【解决方案2】:

    以下是工作代码...

    var handlebars  = require('handlebars');
    var exphbs      = require('express-handlebars');
    
    var hbs = exphbs.create({
        defaultLayout : '',
        helpers       : {},
        partialsDir   :  __dirname + '/../client/views',
        extname       : 'handlebars'
    });
    
    app.engine('handlebars', hbs.engine);
    app.set('view engine', 'handlebars');
    app.set('views', __dirname + '/../client/views');
    
    
    router.get('/', function(req, res) {
       res.render('index', {
           mypartial : 'awesomepartial'
       });
    });
    
    {{> (lookup . 'mypartial'}}
    

    【讨论】:

      猜你喜欢
      • 2013-06-01
      • 2015-05-18
      • 1970-01-01
      • 1970-01-01
      • 2017-05-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多