如何在 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'，用于搜索 categories.I 已经创建了一个文件名 products.js.coffee 但找不到如何使用 it.Is我错过了什么？也许向 application.html.erb 添加一些包含标签？请帮帮我。

Answer 1

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

中

无论文件是.js扩展名还是js.coffee扩展名，Rails uglifier都会将文件编译并mifify成js文件。

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

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