Rails Angular js application.js不拉腳本

試圖設置一個非常簡單的rails angularJs應用程序，其中輸入字段的文本在頁面上輸出。Rails Angular js application.js不拉腳本

我不認爲我的application.js文件拉入正確的依賴關係，因爲我的main.js沒有觸發。

創建新的軌道稱爲「StockWatch（股票市場）」，然後一個新的控制器「軌摹控制器監視列表索引」，「寶石‘angularjs護欄’」在我的Gemfile

我包括在內，並「捆綁安裝」

其他文件更新：

StockWatch（股票市場）/應用/資產/ Java腳本/ application.js中：

//= require angular 
//= require angular-resource 
//= require main.js 
//= require_tree ./angular 
//= require_tree .

StockWatch（股票市場）/應用/資產/ Java腳本/ main.js：

var app = angular.module("Stockwatch", ['ngResource']);

StockWatch（股票市場）/應用/視圖/佈局/ application.html.erb：

<!DOCTYPE html> 
<html ng-app='Stockwatch'> 
... 
<body> 

<%= yield %> 

</body> 
</html>

StockWatch（股票市場）/應用/視圖/監視列表/ index.html中/ ERB：

<form> 
    <input type="text" ng-model='newSymbol' placeholder="Enter a symbol"> 
</form> 
{{ newSymbol }}

和最後我在我的stockwatch/config/routes.fb文件中添加了「root'watchlist＃index'」。

查看應用程序只顯示{{newSymbol}}，而不根據輸入進行更新。已經嘗試了多個不同的變量並在main.js中定義模塊。我認爲問題是，application.js不拉在main.js

我試着在main.js中放置一個alert語句，但沒有結果。還有什麼我需要添加到application.js來觸發main.js？

任何幫助將不勝感激！謝謝。

2014-02-20 jengwood

您是否收到任何錯誤？你有沒有嘗試把'main.js放在'// require_tree。/ angular'之後 – kartikluke

我做了你提到的所有事情，它對我來說工作得很好。您是否嘗試過使用瀏覽器的開發人員控制檯查看要提取的腳本文件？你是在生產模式還是開發模式下測試它？你使用預編譯的js來測試這個嗎？你是否運行資產：預編譯？ – anbiniyar

我在application.html.erb中添加了「<％= javascript_include_tag」應用程序「％>」。不知道我需要這個，所以沒有JavaScript被拉進來。感謝所有看過的人。

2014-04-16 20:55:48 jengwood

回答