2016-09-17 50 views
0

這是在HTML佈局我的車把塊:如何返回對象或JSON數據從車把助手的HTML

{{json language}} 

這是我的車把幫手在我的主要build.js:

handlebars.registerHelper('json', function(language) { 
    var data = { 
     "marathi" : "m", 
     "hindi" : "h", 
     "english" : "e" 
    } 
    return ?? 
    }); 

如何將「數據」返回到上述相同的HTML佈局?它可以去任何地方的HTML。 「語言」來自markdown文件中的yaml frontmatter。如果可能,我想根據「語言」的值循環訪問特定的json。

謝謝!

+0

您的意思是您希望變量可用於頁面上的腳本,還是意味着您希望將JSON打印在生成的HTML中? – andyg0808

+0

Json被打印在HTML中,謝謝! – xpark

+0

返回變量也將解決問題 – xpark

回答

0

下面是一個例子(jsfiddle): 「_return_對象」 你的意思是什麼

// In your HTML page: 
// <script id="my-template" type="text/x-handlebars-template">{{json date}}</script> 
// <output></output> 

// Define the helper 
Handlebars.registerHelper('json', function(context, options) { 
    return JSON.stringify(context, null, 2); 
}); 

// Usage 
var source = document.querySelector("#my-template").innerHTML; 
var template = Handlebars.compile(source); 
var html = template({ 
    title: 'Lorem Ipsum Dolor', 
    date: {month: 'January', day: 13, year: 2012} 
}); 

document.querySelector('output').innerHTML += '<pre>'+ html +'</pre>'; 
+0

它顯示「我的模板」中的數據,但沒有顯示在。我把你的代碼放在腳本中。我甚至把幫手放在我的node.js構建文件中 – xpark