Verwenden von Variablen für eine partielle Vorlage

Ich bin definitiv fehlt, etwas über die Art und Weise LENKER funktioniert. Ich brauche zum aufrufen verschiedener Teiltöne abhängig vom Wert einer Variablen. Derzeit die einzige Möglichkeit, die ich gefunden habe, es zu tun, ist dies:

<template name="base">
  {{#if a}}{{> a}}{{/if}}
  {{#if b}}{{> b}}{{/if}}
  {{#if c}}{{> c}}{{/if}}
</template>

Und in der entsprechenden JS:

Template.base.a = function () {
  return (mode === "a");
}

Template.base.b = function () {
  return (mode === "b");
}

Template.base.c = function () {
  return (mode === "c");
}

...das erscheint mir als sehr ausführlich. Was würde ich wirklich wie zu tun ist, so etwas wie:

<template name="base">
  {{> {{mode}} }}
</template>

In anderen Worten, der Wert von mode würde der name die teilweise aufgerufen wird.

Dieser scheint, wie es sein muss, eine sehr häufige use-case, aber ich finde keine Beispiele dafür online. Wo habe ich geirrt?

  • Die offizielle dynamischen partials (von Joshua) sollte wirklich die Standard-Antwort hier.
InformationsquelleAutor nkoren | 2013-08-25
  1. 18

    Werden die Teiltöne sind gespeichert in Handlebars.partials so können Sie auf Sie mit der hand in Ihre eigenen Helfer. Es gibt ein paar knifflige bits hier aber:

    1. Den Inhalt Handlebars.partials werden kann, Zeichenketten oder Funktionen, so haben Sie zum kompilieren der Teiltöne bei der ersten Verwendung.
    2. LENKER nicht wissen, ob die teilweise wird text/plain oder text/html so müssen Sie rufen Sie Ihren Helfer in {{{...}}} oder {{...}} als angemessen.
    3. Dieses Zeug ist nicht genau dokumentiert (zumindest nicht überall, die ich finden kann), so müssen Sie die reverse-Engineering der LENKER Quelle und fummeln mit console.log(arguments) um herauszufinden, wie man Handlebars.partials.
    4. Sie passieren müssen this von der hand, wenn Sie anrufen der Helfer.

    Keine Angst, es ist nicht wirklich so kompliziert. Etwas einfaches wie diese:

    Handlebars.registerHelper('partial', function(name, ctx, hash) {
    var ps = Handlebars.partials;
    if(typeof ps[name] !== 'function')
        ps[name] = Handlebars.compile(ps[name]);
    return ps[name](ctx, hash);
});

    sollte den trick tun. Dann können Sie sagen:

    {{{partial mode this}}}

    und kommen mit mehr interessante Dinge.

    Demo: http://jsfiddle.net/ambiguous/YwNJ3/2/

    • Vielen Dank für diesen Hinweis! Wie Sie sagen die offiziellen docs sind WIRKLICH schlecht wenn es um die partials.
    • Ich höre Sie, die offizielle "Google docs" lassen zu wünschen übrig, ich musste gehen durch die source-code mehr als einmal, um herauszufinden, was Los ist.
    • wenn Sie benötigen, server-side-version, Sie finden es hier stackoverflow.com/a/27820812/1563880
    InformationsquelleAutor mu is too short
  2. 14

    Update für 2016: Version 3 der LENKER Hinzugefügt Dynamischen Partials. Aus den docs:

    Ist es möglich, dynamisch wählen Sie die teilweise ausgeführt werden durch Verwendung von sub-Ausdruck syntax.

    {{> (whichPartial) }}

    Bewerten whichPartial und dann machen die teilweise, dessen name ist der von dieser Funktion zurückgegeben.

    Teilausdrücke nicht beheben Variablen, so whichPartial muss eine Funktion sein. Wenn eine einfache variable ist der Teil des namens, es ist möglich, es zu beheben, über die lookup Helfer.

     {{> (lookup . 'myVariable') }}
    InformationsquelleAutor Joshua Gleitze
Schreibe einen Kommentar