Meteor Vorlage: Übergeben Sie einen parameter in jedem sub-template und rufen es in die sub-template-helper

Ich versuche herauszufinden, wie ein parameter übergeben werden, die in einem sub-template, das in einem jeden block, und verwenden Sie die parameter in der sub-template, als auch als sub-template-helper. Hier ist, was ich bisher ausprobiert:

Vorlage:

<template name="parent">
{{#each nodes }}
{{> child myParam}}
{{/each}}
</template>

<template name="child">
{{ paramName }}
</template>

js:

Template.parent.nodes = function() { 
//return a list
};
Template.parent.myParam = function() {
return {"paramName" : "paramValue"};
};
Template.child.someOtherHelper = function() {
//How do I get access to the "paramName" parameter?
}

Bisher hat es nicht funktioniert, und es scheint irgendwie Durcheinander mein input-node-Liste.

Danke für die Hilfe.

InformationsquelleAutor user2680514 | 2013-08-23
  1. 8

    Wenn Sie {{> child myParam}} es ruft das Kind Vorlage und Mitarbeiter myParam als aktuelle Vorlage Daten, Kontext, Bedeutung, dass in der Vorlage, die Sie verweisen können {{paramName}}.

    In someOtherHelper könnten Sie this.paramName abrufen "paramValue".
    Allerdings, wenn Sie mit {{#each nodes}}{{> child}}{{/each}} es bedeutet, dass der Inhalt des aktuellen Listenelements (geholt von einem LocalCursor oder direkt ein array-Element) als Vorlage die Daten des Kindes, und Sie können auf die Eigenschaften des Listenelements mit {{field}} im html-oder this.field in js.

    Was hier passiert ist, wenn Sie anrufen {{> child myParam}}, die myParam Helfer Inhalt ÜBERSCHREIBT die aktuelle node-Element als template-Daten, deswegen ist es Unsinn Ihrer Liste von Knoten.

    Einen quick (dirty) trick wäre, einfach erweitern die myParam Helfer, so dass es enthält auch die Vorlage von Daten aus der {{#each}} block.

    Template.parent.helpers({
  nodes:function(){
    //simulate typical collection cursor fetch result
    return [{_id:"A"},{_id:"B"},{_id:"C"}];
  },
  myParam:function(){
    //here, this equals the current node item
    //so we _.extend our param with it
    return _.extend({paramName:"paramValue"},this);
  }
});

Template.child.helpers({
  someOtherHelper:function(){
    return "_id : "+this._id+" ; paramName : "+this.paramName;
  }
});

<template name="parent">
  {{#each nodes}}
    {{> child myParam}}
  {{/each}}
</template>

<template name="child">
  {{! this is going to output the same stuff}}
  <div>_id : {{_id}} ; paramName : {{paramName}}</div>
  <div>{{someOtherHelper}}</div>
</template>

    Je nachdem, was Sie genau zu erreichen versucht, gibt es möglicherweise ein besserer Ansatz, aber diese bekommt den job getan, zumindest.

    InformationsquelleAutor saimeunt
Schreibe einen Kommentar