Question

我正在尝试使用emberjs来渲染我的内容，以便内容不会重新加载

我遇到的问题是似乎没有任何渲染

的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">
    <h2>Ember Works</h2>
</script>
</body>
</html>

如果我可以让它呈现出来我应该能够完成其余的工作

Answer 1

Emberjs和Rails在2分钟内

rails new app
cd app

# remove gem 'coffee-rails' from Gemfile if not needed

echo "gem 'ember-rails'" >> Gemfile
echo "gem 'ember-source', '1.3.0'" >> Gemfile
bundle
rails g ember:bootstrap
rails g controller home index
(Remove the lines in the view file)

# config/routes.rb
root 'home#index'

# config/environments/development.rb
echo "Hello world" >> app/assets/javascripts/templates/index.hbs

http://localhost:3000 Voila ：）

Rails正常流程

以下是Rails中emberjs的工作原理。 emberjs只是 javascript ，甚至可以进行路由（更改/#/posts等网址。）

在Rails中，当您向/admin发出请求时，会在您的情况下映射到'admin/pages#index'。

转到特定的控制器操作。
呈现布局文件views/layouts/application.html.erb
然后在其中生成admin/pages#index视图。

与Emberjs

当你有emberjs时也会发生同样的事情，没有什么特别的，没有任何改变这个顺序，除了你不需要从你的admin/pages#index视图文件中渲染任何东西，它可以是空白的。

但是您需要layouts/application.html.erb，因为您拥有所有的javascript

<%= javascript_include_tag "application" %>

现在是/admin

的流程

进入控制器行动。
渲染布局文件，其中还包含也涉及emberjs的javascript，以及再次与js相关的把手。
生成您的视图文件，该文件可以为空。因为emberjs将为我们插入编译好的车把模板。

让emberjs在Rails中工作。

您的布局文件需要使用您的application.js加载javascript。
然后创建一个文件app/assets/javascripts/templates/index.hbs

Hello world

它应该工作！我建议你尝试创建新的rails项目以获得一些想法并开始迁移。

将现有的rails routes / app迁移到emberjs

1 个答案:

Emberjs和Rails在2分钟内

Rails正常流程

与Emberjs

让emberjs在Rails中工作。

Hello world