8

{{#each}}ループ内で登録済みのハンドルバーヘルパーを呼び出そうとします。残念ながら、Ember.jsは、ヘルパーではなくコントローラーのプロパティとしてヘルパーを解決しようとするため、文句を言います。

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

（名前と内容は、例を示すための単なるダミー値です）

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

Ember.jsが出力するエラーは次のとおりです。

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

登録されたヘルパーに電話して認識されるようにするにはどうすればよいですか？

4

3 に答える 3

9

このソリューションのいずれかで実行しました、

Javascript

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

ハンドルバーテンプレート

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

またはさらに良いことに、これで：

Javascript

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

ハンドルバーテンプレート

<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>​
于 2012-09-11T10:01:40.463 に答える
1

グローバルヘルパーを使用したくない場合は、「パスクエリ」を使用できます。

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

../パスされたクエリの構文です。これにより、スコープツリー1レベルをトラバースし、親スコープからプライベートデータにアクセスできます。2レベル上向きにトラバースするには、次のようにします../../。これは、forループをネストしている場合に役立ちます。

于 2016-02-29T18:16:34.843 に答える
0

私のヘルパーは個別のファイルで書かれているので、@MikeAskiの答えを次のように変更しました。

でhelpers/my-helper.js：

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

export
default MyHelper;

上部にapp.js：

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

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

そうすれば、ハンドルバーを使用する必要もありません{{#with}}。通常のヘルパーとして使用するだけです。

{{#each thing}}
    {{myHelper thing.foo}}
{{/each}}
于 2016-02-25T16:29:37.067 に答える