ちなみに、私はAngularJSで遊んでいます。これはキックアスのフロントエンドフレームワークです。
今日、私はangular-seedスターターアプリ(ここにあります: https ://github.com/angular/angular-seed )を現在存在するRails3.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>
念のため、ローカルのangular.jsスクリプト呼び出しをcdnに置き換えたところ、突然すべてが期待どおりに機能しました。
適切なディレクトリからローカルコピーをロードしていることを再確認しました。これは、angular-seedファイルに付属している標準ディレクトリです。このファイルは、正しくダウンロードされたリソースとしても表示されていました。
誰もがcdnが機能した理由についてアイデアを持っていますが、ローカルコピーは機能しませんでしたか?