ここにはUpdated Plnkrがあります。JSONデータはMozillaではフォームで表示できますが、Chromeでは表示されませんか?
Angular jsを使用して単純なJSONファイルをフォームにロードしようとしています。しかし、私はChromeのテキストボックスにデータは表示されませんが、Mozillaで見ることができます。クロームについては、私はエラー未満になっています
XMLHttpRequest cannot load file:///C:/Users/hp/Desktop/site/site.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
どこが間違っていますか?
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>Hello</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script>
myApp = angular.module('myApp',[]);
myApp.controller('myController', function($scope,$http){
$http.get('site.json').success(function(response){
$scope.myData=response;
});
});
</script>
</head>
<body ng-controller="myController">
<div ng-repeat="data in myData">
<input type="text" name="">{{data.siteno}}
<input type="text" name="">{{data.sitename}}
</div>
</body>
</html>
あなたは 'ng-controller =" myController "'のどこかにいますか?また、 '{input type =" text "ng-model =" data.siteno "/>'のように '{{data.siteno}}'をテキストボックスの後ろに置いていますか?それ以外に、あなたのjsonはどのように見えるのですか?私はあなたが '$ scope.myData = response.someVariable;' – devqon
のような何かをするべきだと想像することができます。あなたの応答で最初にjsonデータを取得しているかどうかをコンソールでチェックできます。 とはい@devqonはそれを正しく言及しました。あなたはHTML内のどこかにコントローラを定義しましたか? – Krishna9960
@devqon申し訳ありませんが、正しくフォーマットされていないので、ng-controllerが見つかりませんでした。しかし、あなたは今それを見ることができます。私のjsonデータも投稿します。 – HebleV