Google Polymer with rails 4

Question

我已经构建了一个Ruby on rails app.我想在rails应用程序上使用我的ruby聚合物.Cam有人建议用铁轨学习聚合物的一些好资源吗？

在轨道上使用带有红宝石的聚合物是否有效？还请建议其他比聚合物更好的选择,如果有的话？

Answer 1

我正在使用凉亭,所以我希望你已经在你的系统上安装了凉亭.(brew安装节点&& npm安装凉亭)

1. 设置你的宝石

   gem 'bower-rails'
   gem 'emcee'
   

2. bundle install

3. rails g bower_rails:initialize

4. rails g emcee:install

5. 设置您的凉亭文件.以下是我的样子:

   asset 'angular'
   asset 'angular-route'
   asset 'angular-resource'
   asset 'angular-mocks'
   
   asset 'webcomponentsjs'
   
   asset 'polymer', github: 'Polymer/polymer' 
   asset 'polymer-core-elements', github: 'Polymer/core-elements' 
   asset 'polymer-paper-elements', github: 'Polymer/paper-elements'
   asset 'platform'
   
   # Voice Synthesis and Recognition
   asset 'voice-elements'
   

   弄清楚你需要的那些并删除其余的.

6. rake bower:install
   要下载组件,请注意文件将保存在vendor/assets/bower_components中,而不是emcee所期望的供应商/资产/组件.所以你需要建立符号链接.

7. 设置符号链接

   • 首先删除组件即 rm -rf vendor/assets/components
   • 然后设置符号链接即 ln -s vendor/assets/bower_components vendor/assets/components

8. 现在设置您的资产

   # app/assets/components/application.html
   *= require polymer/polymer
   
   # app/assets/javascripts/application.js
   //= require angular/angular
   //= require angular-route/angular-route
   //= require angular-resource/angular-resource
   //= require webcomponentsjs/webcomponents
   //= require platform/platform
   

   (请注意,我只包括我用于测试的所有内容.如前所述,删除不需要的内容).

9. 只是一些房子清洁你跳下来开始尝试.在rake资产路径中包含Bower组件.

   # config/application.rb
   config.assets.paths << Rails.root.join("vendor","assets","bower_components")
   

   这就是它的设置.跳上它并开始使用它.

10. 在布局文件中包含html import标记

    = html_import_tag "application", "data-turbolinks-track" => true
    

11. 并在您的视图中调用样品聚合物

    # sample.html.haml
    ================     
    %paper-tabs{:selected => "0", :scrollable => ""}
      %paper-tab Skills
      %paper-tab Experiences
      %paper-tab Education
    

参考 http://angular-rails.com/bootstrap.html http://www.akitaonrails.com/2014/06/29/usando-polymer-com-rails#.VHcoW2SsV81