Mehrere layouts mit LENKER und ExpressJS?

Wenn ich mit LENKER wie meine Template-engine mit Express 4, wie es scheint, gibt es nur die option geben Sie ein einzelnes layout-Vorlage verwenden, für alle Ihre Ansichten:

app.engine('hbs', expressHbs({extname:'hbs', defaultLayout:'layout.hbs'}));

Was passiert, wenn Ihre app muss mehrere layouts? Was ist, wenn viewA.hbs verwendet ein layout mit viewB.hbs braucht ein anderes layout?

So, ich bin zu lernen, nodejs, ich komme von einer PHP Laravel hintergrund, wo die Blade templating engine hat, die Sie angeben, welches layout am Anfang jeder Datei anzeigen. Es macht es wirklich einfach zu wechseln zwischen layout-Vorlagen für jede gegebene Ansicht.

InformationsquelleAutor Jake Wilson | 2015-05-26
  1. 39

    Sollten Sie in der Lage zu gehen in das layout von deiner route/controller beim Aufruf der render-Methode.

    router.get('/', function(req, res) {
    res.render('home', {layout: 'viewBLayout.hbs'});
});

    Ich bin ziemlich sicher, dass jade lassen Sie layouts wechseln, von innerhalb der Vorlage, aber ich weiß nicht, ob Sie tun können, dass mit LENKER.

    • Ah ich Total verpasst, dies in der Dokumentation. Danke!!!
    InformationsquelleAutor Ryan
  2. 4

    Wenn Sie express-hbs, können Sie ein layout in der Vorlage mit einem Kommentar wie:

    {{!< layout}}

    Alternativ können Sie versuchen exphbs. Es unterstützt auch die layout-Kommentare und mehrere layouts verschachtelt werden können. (Disclaimer: ich schrieb.)

    • Danke. Seite-Frage: wieso gibt es so viele unterschiedliche Implementierungen des express-LENKER? express-hbs, exphbs, expressHbs, etc?
    • Sie bat froh. Ich glaube nicht, ich bin qualifiziert, diese Frage zu beantworten. Aber aus meiner eigenen Erfahrung, eine lebendige Gemeinschaft ist in der Regel eine gute Sache. 🙂
    • Der einzige Nachteil daran ist, dass Projekt hat Eine großartige Idee #1 umgesetzt und Projekt B hat eine große Idee #2 umgesetzt werden. Sie können nicht beides haben, und es wäre besser gewesen, wenn die Leute müssten einfach nur zusammen an einem Projekt, das beide große Ideen.
    InformationsquelleAutor gnowoel
  3. 0

    stellen Sie sicher, dass Sie zuerst zwei Dateien mit dem Namen "main.LENKER" und "backend.LENKER" in /layouts-Verzeichnis:

    Versuchen, diesen code für zwei Routen, wenn Sie wollen, zum Beispiel

    router.get('/', function(req, res) {
    res.render('home', {layout: 'main'});
});

router.get('/backend', function(req, res) {
    res.render('home', {layout: 'backend'});
});
    InformationsquelleAutor rohani
Schreibe einen Kommentar