2

HTML

ヘッダ

`<script type="text/x-handlebars" data-template-name="application">  
    {{view App.NavbarView}}  
    {{outlet}}  
</script>`

フッター

JS

`App.ApplicationController = Em.Controller.extend();  
App.ApplicationView = Em.View.extend({  
  templateName: 'application'  
});`  

App.Router = Em.Router.extend({
enableLogging: true,
location: 'hash',

root: Em.Route.extend({
  // EVENTS
  gotoAbout: Ember.Route.transitionTo('about'),

  // STATES
  about: Em.Route.extend({
    route: '/',
    connectOutlets: function (router, context) {
      router.get('applicationController').connectOutlet('about');
    }
  })

data-template-name="application"このコード ブロックがある場所 (ヘッダーとフッターの間) にすぐに表示したいので、削除します。

しかし、これを削除すると、templateName: 'application'ルーターが機能しなくなります。

質問は:ブロックを表示する方法

<script type="text/x-handlebars" data-template-name="application">  
  {{view App.NavbarView}}  
  {{outlet}}  
</script>

ヘッダーとフッターの間。

私は書い<div id="content"></div>て使用できることを知っています.appendTo("content")が、もっと最適な方法が存在するのでしょうか?

4

1 に答える 1

5

アプリのrootElementプロパティを設定しようとしましたか？

App = Ember.Application.create({
  rootElement: '#app-container'
});

ここにこの例があり、簡単に導き出すことができます。

于 2012-07-31T10:38:18.473 に答える