Handlebars.js parsować obiekt zamiast [Obiekt obiektu]

Question

Używam szablonów Handlebars, a dane JSON są już reprezentowane w [Object object], jak mam analizować te dane poza Handlebars? Na przykład próbuję wstawić zmienną JavaScript na stronie za pomocą tagu kierownicy, ale to nie działa.

Wszelkie sugestie? Dziękuję Ci!

EDIT:

celu wyjaśnienia, używam ExpressJS w/Kierownice do szablonów. W mojej trasie, mam to:

var user = {} 
user = {'id' : 123, 'name' : 'First Name'} 

res.render('index', {user : user}); 

Wtedy w moim szablonu index.hbs, mam teraz {{user}} obiekt. Mogę użyć {{#each}} do iteracji po obiekcie. Jednak Używam również backbone.js i chcę przekazać te dane do widoku, takie jak ten:

myView = new myView({user : {{user}});

Problemem jest to, że po prostu pokazuje [Object object]{{user}} w źródle, jeśli umieścić go w konsoli .log Wystąpił błąd "Nieoczekiwany identyfikator".

Answer 1

Podczas wyprowadzania {{user}}, Kierownice najpierw pobrać user „s .toString() wartość. Dla zwykłych Object s, default result of this is the "[object Object]" widać.

dostać coś bardziej użytecznego, to albo chcesz wyświetlić konkretną właściwość obiektu:

{{user.id}} 
{{user.name}} 

Albo można użyć/określić pomocnika formatować obiektu inaczej:

Handlebars.registerHelper('json', function(context) { 
    return JSON.stringify(context); 
}); 

myView = new myView({ 
    user : {{{json user}}} // note triple brackets to disable HTML encoding 
}); 

Answer 2

Próbujesz przekazać templating składni {{ }} wewnątrz obiektu JSON, który nie jest ważny.

Być może trzeba to zrobić w zamian:

myView = new myView({ user : user });

Answer 3

Używam stronie serwera templating w węźle-js, ale może to mieć zastosowanie po stronie klienta, jak również. Zarejestrowałem pomocnika json Jonathan w węźle. W moim module obsługi dodaję kontekst (taki jak notes adresowy) za pomocą polecenia res.locals. Następnie można przechowywać kontekstowe zmienną po stronie klienta w następujący sposób:

<script> 
    {{#if addressBook}} 
    console.log("addressBook:", {{{json addressBook}}}); 
    window.addressBook = {{{json addressBook}}}; 
    {{/if}} 
</script> 

zanotować potrójne nawiasów klamrowych (jak podkreślił Jim Liu).

Answer 4

Można prosty stringify JSON:

var user = {} 
user = {'id' : 123, 'name' : 'First Name'}; 
// for print 
user.stringify = JSON.stringify(user); 

Następnie w szablonie wydruku przez:. "Nie działa"

{{{user.stringify}}};