Javascript 在具有布局的Grails项目中使用EmberJS_Javascript_Grails_Ember.js_Handlebars.js

Javascript 在具有布局的Grails项目中使用EmberJS

javascript grails ember.js

Javascript 在具有布局的Grails项目中使用EmberJS,javascript,grails,ember.js,handlebars.js,Javascript,Grails,Ember.js,Handlebars.js,我正试图在我的grails项目中使用Ember。然而，我有一个布局问题。余烬模板始终显示在页脚下方。当我不使用Ember时，这不会发生在常规html中这是我的布局 <html> <head> <g:layoutHead/> <r:require module="application"/> </head> <body> <div id="wrap"> <g:layoutBod

我正试图在我的grails项目中使用Ember。然而，我有一个布局问题。余烬模板始终显示在页脚下方。当我不使用Ember时，这不会发生在常规html中

这是我的布局

<html>
 <head>
   <g:layoutHead/>
   <r:require module="application"/>
 </head>

<body>
  <div id="wrap">
    <g:layoutBody/>
    <div id="push"></div>
  </div>
  <div id="footer>
  </div>
  </r:layoutResources/>
</body>
</html>

问题

出于某种原因，

hello

显示在页脚下方。不知道为什么，因为默认情况下，它可以与普通html配合使用，所以余烬将

正文

用作根元素，然后模板的内容将插入并替换到该元素中。因此默认情况下，ember是一个单页应用程序

如果您只需要为某段html使用ember，请举例说明：

Javascript

YourAppNamespace.rootElement = "#myEmberApp";

Html


您是否正在尝试使用grails rest之类的工具创建单页应用程序？或者您希望使用grails呈现的gsp，但在某些页面中使用嵌入式embedded ember应用程序？
modules = {
    application {
        dependsOn "jquery", "emberjs","emberjsdata"
        resource url:'js/application.js'
        resource url:'js/App.js'
    }

    emberjs {
        dependsOn 'jquery,handlebars'
        resource url: 'js/ember-latest-stable.js'
    }
    handlebars {
        resource url: 'js/handlebars-1.0.0-rc.4.js'
    }
    emberjsdata{
        dependsOn 'emberjs'
        resource url: 'js/ember-data-latest.js'
    }
 }

YourAppNamespace.rootElement = "#myEmberApp";

<body>
  <div id="wrap">
    <!-- render normally contents from server -->
    <g:layoutBody/>        
  </div>
  <div id="myEmberApp">
    <!-- all content here is controlled by ember -->
  </div>
  <div id="footer>
    My company all rights reserved
  </div>
  </r:layoutResources/>
</body>