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

Question

在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脚本新手。 在我的应用程序中，我有一个自动完成字段'category_name'，用于搜索类别。我已经创建了一个文件名products.js.coffee但找不到如何使用它，我有想念的东西吗？ 也许在application.html.erb中添加一些include标签？ 请帮帮我。

Answer 1

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

无论是文件.js扩展名还是js.coffee扩展名，Rails uglifier都将其编译并缩小为js文件。

因此，如果您编写咖啡脚本代码，那么它将被编译为javascript文件。

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