ローカルjsonファイルをロード

Question

私の分度器テストから生成されたjsonデータを視覚化するための簡単なローカルWebサイトを作成します。問題は、Angleはローカルファイルのロードをサポートしていないため、このJSONをローカルで使用できる方法があるかどうか知っていますか？単一の小さなファイルを1つの変数にロードするだけのサーバーをセットアップする必要はありません。

私は$httpを試しましたが、それは明らかにXMLHttpRequest Cross origin requestを投げます。 私は何か提案を感謝します。

編集： 私はhttp-serverをnpmから実行することに決めました。私はポート8080で起動し、プロジェクトへのパスを指定します。それから私はhttp経由でファイルを取得するために私のapp.jsで

var app = angular.module("reportingApp", ['nvd3']); 

app.controller('MainController', ['$scope', '$rootScope', '$http', function($scope, $rootScope, $http) { 
    $scope.title = 'abc'; 

    $http.get('http://127.0.0.1:8080/e2e-Report/combined.json').success(function(data) { 
     $scope.title = data.jsonData; 
     }); 
}]); 

を持っているが、それはあなたがコマンドラインに行き、それがインストールされると
npm install http-server -g

をインストールすることで、ローカルサーバーを作成することができますNo 'Access-Control-Allow-Origin' header is present on the requested resource

Answer 1

をスローします - >プロジェクトへのパス - > httpサーバー&

Ex。

D:\angularProject> http-server & (Press Enter) 

これは、ローカルホストサーバーを起動します：localhost://8080。 ブラウザでlocalhost：// 8080を開きます。

ここでCORSの問題はありません。楽しい。

編集：あなたのマシンにnodeがインストールされている必要があります。

サンプルコード：

$http.get("api/my.json").then(function (res){ 
      console.log("res",res); 

     }) 

Answer 2

簡単にライブビューでuはuが望む結果を得る、作品のこの種のブラケットのようないくつかのエディタを使用しています。