Meteor/Blaze 将对象打印为 JSON
Meteor/Blaze Print Object as JSON
全部,
我在 Meteor/Blaze 中有对象。我试过了。
{{data}}
并输出
[object Object]
有什么方法可以让它输出 JSON 吗?
如果您尝试 return 该对象中的值,您将需要使用 JS 点符号,因此
{{foo.bar}}
其中
如果您希望在 Blaze 视图中以 JSON 格式打印 JSON 对象,您可能需要查看 JSON.stringify()
方法。
Home.js [帮助示例]
import './Home.html';
Template.home.helpers({
jsonPrint(jsonObject) { // with Latest Javascript ECMAScript 2015+
return JSON.stringify(jsonObject);
}
})
Home.html [您的 Blaze 视图]
<template name="home">
<body>
<p>
JSON output:
</p>
<div class="code">
{{jsonPrint yourJsonObject}}
</div>
</body>
</template>
参考:
https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify
我实际上使用了如下定义的开发助手,它在我自己的 prototyping boilerplate:
Template.registerHelper("toJSON", function (object) {
return object ? JSON.stringify(object, null, 2) : null;
});
全部,
我在 Meteor/Blaze 中有对象。我试过了。
{{data}}
并输出
[object Object]
有什么方法可以让它输出 JSON 吗?
如果您尝试 return 该对象中的值,您将需要使用 JS 点符号,因此
{{foo.bar}}
其中
如果您希望在 Blaze 视图中以 JSON 格式打印 JSON 对象,您可能需要查看 JSON.stringify()
方法。
Home.js [帮助示例]
import './Home.html';
Template.home.helpers({
jsonPrint(jsonObject) { // with Latest Javascript ECMAScript 2015+
return JSON.stringify(jsonObject);
}
})
Home.html [您的 Blaze 视图]
<template name="home">
<body>
<p>
JSON output:
</p>
<div class="code">
{{jsonPrint yourJsonObject}}
</div>
</body>
</template>
参考: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify
我实际上使用了如下定义的开发助手,它在我自己的 prototyping boilerplate:
Template.registerHelper("toJSON", function (object) {
return object ? JSON.stringify(object, null, 2) : null;
});