LENKER Helfer innen {{#each}}

Ich versuche zu nennen, eine eingetragene LENKER Helfer innen eine {{#each}} Schleife. Leider Ember.js beschwert sich, da er versucht, beheben Sie den Helfer als eine Eigenschaft des Controllers eher als ein Helfer.

Handlebars.registerHelper('testHelper', function(name) {
    return 'foo: ' + name
});

(Namen und Inhalt sind nur dummy-Werte zeigen am Beispiel)

{{#each entry in App.testController}}
   <div>{{{testHelper entry.name}}}</div>
{{/each}}

Den Fehler, dass die Ember.js Drucke:

Uncaught Error:  Handlebars error: Could not find property 'testHelper' on object <App.testController:ember254>.

Wie kann ich rufen Sie die registrierten Helfer, so dass es erkannt wird?

InformationsquelleAutor rit | 2012-09-11
  1. 9

    Habe es ausgeführt wird, entweder mit diese Lösung,

    Javascript

    Handlebars.registerHelper('testHelper', function(property, options) {
  return 'foo: ' + Ember.get(options.data.view.content, property);
});

    LENKER Vorlage

    <script type="text/x-handlebars" data-template-name='app-view'>
  <ul>
  {{#each entry in content}}
    <li>{{testHelper name}}</li>
  {{/each}}
  </ul>
</script>​

    Oder noch besser, mit diesem einen:

    Javascript

    Handlebars.registerHelper('testHelper', function(property) {
  return 'foo: ' + Ember.get(this, property);
});

    LENKER Vorlage

    <script type="text/x-handlebars" data-template-name='app-view'>
  <ul>
  {{#each entry in content}}
    {{#with entry}}
      <li>{{testHelper name}}</li>
    {{/with}}
  {{/each}}
  </ul>
</script>​
    • Danke. Naja weiß nicht was ich versaut haben. Müssen, zu untersuchen. Aber insgesamt sieht es aus wie es möglich ist.
    • Froh, dass ich helfen konnte 🙂
    • diese Geigen nicht zu funktionieren scheint, hat eine neue version von ember brechen diese Lösung?
    • Fiddle fest. Thx
    InformationsquelleAutor Mike Aski
  2. 0

    Mein Helfer geschrieben werden in einzelnen Dateien, also habe ich geändert @MikeAski Antwort auf die folgenden.

    In helpers/my-helper.js:

    var MyHelper = function(value) {
    return moment(value).format("MMMM Do, YYYY");
};

export
default MyHelper;

    Oben app.js:

    //import modules
import myHelper from 'appkit/helpers/my-helper';

//register custom helpers
Ember.Handlebars.registerBoundHelper('myHelper', myHelper);

    Dann brauchen Sie nicht einmal die {{#with}} im LENKER, benutzen Sie einfach als normale Helfer.

    {{#each thing}}
    {{myHelper thing.foo}}
{{/each}}
    InformationsquelleAutor Artemis_134
  3. 0

    Wenn Sie nicht wollen, um eine Globale Helfer dann könnte man eine "Pfad-Abfrage":

    {{#each entry in App.testController}}  
   <div>{{{../testHelper entry.name}}}</div>  
{{/each}}

    ../ ist die syntax für eine Pfad-Abfrage. Es führt Sie zu durchqueren, bis der scope-Baum der Stufe 1, und Zugriff auf private Daten von einem übergeordneten Bereich. Um die traverse 2 Stufen nach oben können Sie das folgende tun ../../. Dies ist nützlich, wenn Sie verschachtelte for-Schleifen.

    InformationsquelleAutor Parris
Schreibe einen Kommentar