Anzeige der JSON-Daten mit handlebars.js

Ich brauche, um herauszufinden, wie drucken Sie die vollständigen JSON-Antwort auf meiner Seite (oder auch Teile davon), aber ich kann nicht scheinen, um es herauszufinden. Ich werde schließlich füllen die Seite mit mehr Kontext später.

JS-Datei:

app.get('/', function(req, res) {
var context

apiLib.fetch('acct:chars', function(err, result){
    if(err) throw err

    context = result;
    console.log(result); 
    res.render('/', context);

    });

});

LENKER:

 {{#each context.characters}}
 {{this.name}} 
 {{/each}}

JSON-Daten:

{
  "result": {
    '1234':{               //this is the character ID
      "characters": {
        "name": 'Daniel',
        "CharacterID": '1234'
        etc...
    }
   }
 }

Meiner Seite druckt nichts, aber die Konsole loggt alles. Ich bin mit express.js Sie behandeln das routing.

Entfernen this im this.name.

InformationsquelleAutor shelum | 2015-12-02

  1. 2

    Ein problem ist die each Helfer, hier: {{#each context.characters}}. Was each tut, ist, sich innerhalb des aktuellen Kontext für die variable. Haben Sie bereits bestanden LENKER der context - Objekt aus, wenn Sie aufgerufen res.render('/', context). So, jetzt LENKER ist auf der Suche innerhalb die context Objekt für ein Attribut namens context, und es nicht finden. So ändern Sie diese Zeile von code zu {{#each characters}}.

    Gilt das gleiche, wo Sie schrieb {{this.name}}. Ich denke, dass wird funktionieren, wenn Sie fix das andere problem, aber die this ist unnötig, weil-LENKER sieht this (dem aktuellen Kontext) automatisch. Also einfach {{name}} sollte in Ordnung sein da.

    Schließlich, wenn Sie wirklich versuchen, nur die Anzeige der JSON-Datei als eine Seite text, die Sie nicht brauchen, um es durch ein LENKER-Vorlage. Sie können einfach verwenden Sie res.json(context). Das wird wieder eine JSON-Antwort. Wenn Ihr server so konfiguriert ist, behandeln Sie das application/json MIME-Typ es darstellen soll als plain text im browser.

    danke. das funktionierte! Ich baut sich die Seite mit mehr Inhalt, die ich nur wollte, aus dem Weg zuerst.
    glücklich zu helfen! auch, möchten Sie vielleicht zu Bearbeiten, Ihre Frage zu verdeutlichen, dass Sie versuchten, nicht zu machen, es als reinen text, zu helfen, die künftigen Leser.Mach dir keine sorgen über das hinzufügen danke Antworten oder Kommentare entweder: ein upvote oder ausgewählte Antwort ist Dank genug! Überprüfen Sie heraus einige der docs: stackoverflow.com/help/privileges/comment

    InformationsquelleAutor dwhieb

  2. 10

    Wenn Sie wollen, um den stringified JSON, können Sie einen Helfer

    JS

    Handlebars.registerHelper('toJSON', function(obj) {
    return JSON.stringify(obj, null, 3);
});

    HTML
    <pre>{{toJSON result}}</pre>

    InformationsquelleAutor Shanoor

  3. 1

    Da Sie die Iteration über Objekte im LENKER, es sollte getan werden, als - 

      {{#each context.characters}}
      {{#each this}}
         {{@key}} - {{this}}
      {{/each}}
  {{/each}}
    Ich habe gerade versucht, und jetzt ist die Seite gar nicht laden schwarz und ich bekomme eine "failed to lookup-Ansicht '[object object] "in der views directory" - Fehler, wenn lloading die Seite
    was bedeutet context enthält .. ?
    Kontext enthält die JSON-Daten. Es ist sichtbar in der Konsole.
    können Sie es einfügen ..? oder ist es die gleiche wie in der Frage .. ?
    meine server haben muss hatte einen Schluckauf. Seite wird geladen jetzt, aber es ist immer noch nicht alles, was gedruckt auf der Seite. Dies ist, was zeigt sich in der Konsole ein: i.imgur.com/VhLTDri.jpg

    InformationsquelleAutor Chandan

Schreibe einen Kommentar