如何在rails 4中使用js.coffee文件

时间:2015-05-23 13:34:44

标签: jquery ruby-on-rails ruby-on-rails-4 coffeescript

assets/javascripts/products.js.coffee

jQuery - >

$('#product_category_name').autocomplete

source: ['foo','food','four']

products/_form查看页面中:

<%= form_for(@product) do |f| %>

<div class="field">
<%= f.label :category_name %><br>
<%= f.text_field :category_name %>
</div>

<div class="actions">
<%= f.submit %>
</div>
<% end %>

layouts/application.js.erb

<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> 
**<%= javascript_include_tag 'products'%>**
<%= csrf_meta_tags %>

assets.rb

Rails.application.config.assets.precompile += %w( products.js )

我是coffee脚本的新手。在我的应用中,我有一个自动填充字段&#39; category_name&#39;,用于搜索类别。我已经创建了一个文件名products.js.coffee,但无法找到如何使用它.Is有什么我错过了吗?也许在application.html.erb中添加一些包含标签?请帮帮我。

1 个答案:

答案 0 :(得分:3)

您实际上可以将product.js.coffee文件重命名为product.js。只需在application.js

中包含product.js文件即可

无论文件.js扩展名还是js.coffee扩展名,Rails uglifier都会编译并将文件mifified为js文件。

所以,如果你编写coffe脚本代码,那么它将被编译为javascript文件。

http://guides.rubyonrails.org/asset_pipeline.html#javascript-compression