以下のサイトを参考にし、現時点でのバージョンに合った書き方で、ローカルからjsonファイルを読み込むプログラムを作成しようとしています。
http://d.hatena.ne.jp/osyo-manga/20140624/1403617324
書き方が悪いのか、それともサーバー上ではないと稼働しないのかは不明ですが、
動いてくれません。
<!DOCTYPE html> <html ng-app="myApp" lang="ja"> <head> <meta charset="utf-8"> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> <script> angular.module('myApp', ["ngResource"]) .controller('MyController', ['$scope','$resource', function($scope, $resource){ var contents = $resource("sanple.json"); $scope.phones = contents.query(); }]); </script> </head> <body ng-controller="MyController"> <input type="text" ng-model="query.snippet" placeholder="検索"> <ul class="phones"> <li ng-repeat="phone in phones | filter:query"> {{phone.name}} <p>{{phone.snippet}}</p> </li> </ul> </body> </html>
バージョン違いで確実におかしい箇所は修正したつもりです。
エラーは以下のような物が出ます。ちなみにChromeでは元から動かないそうです。
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.5/$injector/modulerr?p0=myApp&p1=Error%3A%2…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.5%2Fangular.min.js%3A20%3A179)
AnguarJSは初心者なので、どうか助けてください。
よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。