2

名前付きテンプレートは紙の上では十分に簡単に思えますが、私の人生では、例を縮小しても、emberjs 1.0 で動作させることはできません (jsbin を参照してください: http://jsbin.com/uNUQUhi/1/ )。

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

  <script type='text/x-handlebars' id='index'>
    <div>{{outlet test}}</div>
  </script> 

  <script type='text/x-handlebars' data-template-name='test'>
    <h1>A test</h1>
  </script>

...そしてJavaScript：

App = Ember.Application.create() ;

App.IndexRoute = Ember.Route.extend({
  renderTemplate: function(controller, model) {
    this.render('test', {
      outlet:'test',
      into: 'index'
    });
  }
});

私は何かが欠けている必要がありますか？しかし、何？名前付きアウトレットの実際の例が見つかりませんでした (少なくとも v.1.0 で動作したものはありません)。

4

1 に答える 1

4

' index' テンプレートは、 によってレンダリングされる「通常の」テンプレートですIndexRoute。'test'代わりにをレンダリングするように指示しているため、'index'テンプレートはレンダリングされず、その結果、Ember は名前付きアウトレットを見つけることができません。'index'テンプレートの名前を に変更する'application'と、レンダリングinto : 'application'がすべてうまくいきます。

http://jsbin.com/oLULeRo/1/edit

于 2013-09-10T06:22:08.110 に答える