繁体   English   中英

如何使用车把助手打印JSON对象

[英]How to printing JSON objects using handlebar helpers

我有一个对象,我想在我的html模板(手柄)上打印。 该值是来自mysql服务器的计数查询。 这是包含查询的函数:

function getGrade7Applicants(req, res, next) {
connection.query('SELECT COUNT(*) FROM applications WHERE grade="Grade 7" ', function (err, rows, fields) {
    if (err) {
        return next(err);
    };
    req._applications7 = rows;
    return next();
});
}

这是我对路由器文件的GET请求:

router.get('/dashboard', getGrade7Applicants, function (req, res, next) {
res.render('admission/dashboard', {
    applications: {
            'grade7': req._applications7
    }

});
});

车把herlper如下:

Handlebars.registerHelper('toJSON', function(object){
return new Handlebars.SafeString(JSON.stringify(object));
});

最后我的html模板是:

<div class="alert alert-success" role="alert">
            <p style="font-size:75px; text-align:center;">{{toJSON applications.grade7}}</p>               
            <p style="text-align:center;"><strong>7th GRADE Applications<strong> </p>
        </div>

毕竟,我网页上的输出是[{“COUNT(*)”:20}]

我真的不知道为什么它打印部分查询。 20是我想要打印的正确值。

如上所述,这是属性名称,这里有一些进一步的解释:

如果你有以下查询(我给了计数一个结果的名称,使显示更友好:

SELECT COUNT(*) as result FROM applications WHERE grade="Grade 7"

你应该得到一个看起来像这样的结果对象:

[{
   "result": "20"
}]

因此,当您对其进行字符串化时,您将获得整个对象,包括道具名称和括号作为文本。

您可以传入整个数组并在模板中迭代它(您拥有的),或者只是第一个元素,然后在模板中按名称访问属性:

res.render('admission/dashboard', {
    applications: {
        'grade7': req._applications7[0]
    }
});

并在模板中:

{{#if applications}}
    {{#if applications.grade7}}
        {{applications.grade7.result}}
    {{/if}}
{{/if}}

您也可以直接在数据中传递值:

res.render('admission/dashboard', {
    applications: {
        'grade7': req._applications7[0].result //prop name specified
    }
});

在您的模板中:

{{#if applications}}
    {{#if applications.grade7}}
        {{applications.grade7}}
    {{/if}}
{{/if}}

除非有特殊原因,否则您无需使用帮助程序。

这不是查询的一部分..这是字段的名称 - 因为您没有指定字段名称,它只使用“count(*)”。

您需要更改查询以包含您可以使用的名称,如下所示:

 Select count(*) as app_count from applications...

然后,您可以通过使用applications.gradet.app_count来获取值来打印该值。

我不是百分之百地确定你想通过字符串化对象来实现什么,因为你必须重新解析它以获得你的对象属性的值。

我不熟悉车把,所以我可能会把你引入歧途。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM