在視圖目錄中組織.html.erb和.js.erb文件

Question

我有一個視圖目錄blogs。在該目錄中，你可以找到所有的標準，傳統的HTML視圖模板：

# html files within the app/views/blogs directory 
    _form.html.erb 
    edit.html.erb 
    index.html.erb 
    new.html.erb 
    show.html.erb 

不過：我也有動態的改變網頁內容（大多隻是表格上的內容）一些Ajax的看法。目前他們都都混在.html.erb文件，這感覺那種混亂和無組織：

# now showing the html AND js files within the app/views/blogs directory 
    _form.html.erb 
    add_foobar.js.erb 
    add_barbazz.js.erb 
    edit.html.erb 
    filter_by_team.js.erb 
    filter_by_city.js.erb 
    filter_by_state.js.erb 
    index.html.erb 
    new.html.erb 
    show.html.erb 

我認爲這將是有意義的從js.erb文件單獨的.html.erb文件，但我不知道該怎麼辦這是因爲它們都屬於blogs目錄。

如何在此目錄中組織.js.erb和.html.erb文件？

Answer 1

你可以說你的行動哪兒模板

respond_to do |format| 
    format.js { render "blogs/js/filter_by_team" } 
end 

，並把JS模板爲views/blogs/js

Answer 2

爲什麼不將.js文件放在另一個目錄中並使用content_for來注入它們。這樣的 -

http://www.railscook.com/recipes/how-to-organize-page-specific-javascript/