AngularJS with Rails 3.1 - 加載角度種子的麻煩

Question

我一直在玩AngularJS - 順便說一下，這是一個踢屁股的前端框架。

今天我嘗試將angular-seed啟動應用程序（在這里找到： https ： //github.com/angular/angular-seed ）合並到當前存在的Rails 3.1.3應用程序中。

有幾個問題得到演示代碼 - 這里： http ： //docs.angularjs.org/# !/ tutorial - 在資產管道中工作，所以只是為了測試目的，我把它們放入公共文件夾 - 舊學校風格。

我按照教程操作，正確設置了所有視圖，控制器和服務。 但是，當我在我的索引頁面的底部包含js文件時：

<script src="angular/app/lib/angular/angular.js" ng:autobind></script>
<script src="angular/app/js/services.js"></script>
<script src="angular/app/js/controllers.js"></script>

......沒有一個控制器可以工作。 我會在模板中獲取{{ model.property }}標簽而不是實際輸出。

Chrome的開發工具中沒有Javascript錯誤 - 網絡和資源顯示所有預期文件都已正確加載。

我想也許我在代碼中忽略了一些東西，但是當我查看開發人員指南時，有一個指向angular的cdn的鏈接：

<script src="http://code.angularjs.org/angular-0.9.19.min.js" ng:autobind></script>

只是為了它，我用cdn替換了我的本地angular.js腳本調用，突然一切都按預期工作。

我仔細檢查，以確保我從正確的目錄加載本地副本，我是 - 它是angular-seed文件附帶的標准目錄。 此文件也顯示為正確下載的資源。

任何人都有關於為什么cdn工作的想法，但本地副本不會？

Answer 1

angular-seed使用AngularJS 1.0.0rc5（當前），它與0.9.19不兼容。 查看種子應用程序的連接方式。 （例如，刪除ng：autobind並將ng：app或ng-app添加到布局模板中的html標記）。

Answer 2

看起來您使用的是舊版本：您想要閱讀此內容： http ： //docs.angularjs.org/#！/ guide / dev_guide.bootstrap.auto_bootstrap

你應該做的是使用新版本，文檔在這里： http ： //docs-next.angularjs.org/guide/dev_guide.bootstrap.auto_bootstrap

Answer 3

首先，您在第一個腳本引用中缺少雙引號。