我正在尝试使用Ember.js在我的页面上渲染一些内容,以便不需要重新加载内容。
我遇到的问题是似乎什么都没有被渲染出来。
application.js
然后在 /assets/javascripts/templates/admin/page/index.hbs 文件中,我有以下内容。
如果我能够成功地呈现这个,那么我应该就能够解决剩下的问题了。
我遇到的问题是似乎什么都没有被渲染出来。
application.js
#= require jquery
#= require jquery_ujs
#= require jquery.ui.all
#= require date
#= require misc
#= require foundation
#= require handlebars
#= require ember
#= require ember-data
#= require_self
App = Ember.Application.create(
LOG_TRANSITIONS: true
ready: ->
console.log "App ready"
return
)
App.Router.map ->
@resource "admin/pages",
path: "/admin/pages"
return
App.IndexRoute = Ember.Route.extend(redirect: ->
@transitionTo "admin/pages"
return
)
App.NewslinksRoute = Ember.Route.extend(model: ->
App.Page.find()
)
DS.RESTAdapter.reopen namespace: "admin/pages"
App.Store = DS.Store.extend(revision: 13)
App.Page = DS.Model.extend(name: DS.attr("string"))
# for more details see: http://emberjs.com/guides/application/
#window.Grokphoto = Ember.Application.create()
$ ->
$(document).foundation()
return
routes.rb
match 'admin' => 'admin/pages#index'
namespace :admin do
resources :events, :only => :index
resource :photographer, :only => [:edit, :update]
resources :pages
resources :posts
resources :galleries
resources :private_galleries do
get :invite, :on => :member
put :send_invite, :on => :member
end
resources :photos, :only => [:edit, :update, :destroy] do
put 'sort', :on => :collection
end
end
然后在 /assets/javascripts/templates/admin/page/index.hbs 文件中,我有以下内容。
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Ember - Latest" />
<meta charset=utf-8 />
<title>Ember</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
<script src="http://builds.emberjs.com/ember-latest.js"></script>
<script src="http://builds.emberjs.com/ember-data-latest.js"></script>
</head>
<body>
<script type="text/x-handlebars"></script>
</body>
</html>
如果我能够成功地呈现这个,那么我应该就能够解决剩下的问题了。
application.js
,将application.js
的内容复制到application.js.coffee
中,例如#= require jquery
。它应该可以工作。更好的方法是按照我写的方式,并尝试使用新项目。在安装Ember之前删除coffee-rails gem,这将消除混淆,我也会更新答案。 - Vysakh Sreenivasanapplication.js
和application.js.coffee
。实际上,application.js.coffee
会编译成application.js
,所以你应该将其中一个文件的内容复制到另一个文件中,并删除另一个文件。在我这里,我这样做之后你的代码可以正常工作。 - Vysakh Sreenivasan