無法使用車把助手渲染json細節

Question

我正在嘗試將對象字符串化為json並將其傳遞給模板。 但相反，我將整個對象視為一個字符串，而不僅僅是我想要的東西。

碼

Handlebars.registerHelper("GetFBUserDetails", function() {

    var details = new Object({'fName' : firstName, 'lName' : lastName, 'pic' : pictureUrl});
    return JSON.stringify(details);

});

<li>{{#GetFBUserDetails}} 
              {{fName}}
    {{/GetFBUserDetails}}
</li>

我只想在li中顯示firstname（fName）而不是整個對象顯示為字符串。

Answer 1

JSON.stringify()執行它命名的內容，它接受一個JSON對象並將其序列化為一個字符串。 把手使用對象而不是字符串。

這應該這樣做：

Handlebars.registerHelper("GetFBUserDetails", function() {
    return  {'fName' : firstName, 'lName' : lastName, 'pic' : pictureUrl};
});

Answer 2

要應用模板，您需要將結果實際傳遞給Handlebars處理器。 使用回調函數的參數（選項）對對象（未進行字符串化）執行此操作：

Handlebars.registerHelper("GetFBUserDetails", function(options) {
    var details = new Object({'fName' : firstName, 'lName' : lastName, 'pic' : pictureUrl});
    return options.fn(details);
});

小提琴