Angularjs - 无法读取本地json文件

Question

我正在构建一个Angular应用。我的电脑没有连接到互联网。

我试图读取我在本地创建的json文件。

我试过$ http.get但我失败了。得到了交叉原点错误。

我多读了一遍并尝试了JSONP请求。 我可以看到我现在可以访问json文件，但是我接受的文件没有被读取。

在我看来，浏览器并不理解将其解析为Json文件。

我该怎么办？

指令：

app.directive("Directive", ["Service", function(Service){
return {
restrict: "E",
templateUrl: "views/template.tpl.html",
link: function(scope, element, attributes){
scope.populateInfo = function(){
   var appData = Service.populateData();
    }
   }
  } 
}])

服务：

app.service('Service', ['$http', function(http){
    this.populateData = function(){
    var url = "assets/mock.json";
    $http.jsonp(url).then(function(response){
        var result = response.data;

     });
    }
 }]);

我无法访问.then。我收到错误＆＃34; Uncaught SyntaxError＆＃34;：意外的令牌：

mock.json：

    {
    "A": [
        {
           "name": "a",
           "id": 1
        },
        {
           "name": "b",
           "id": 2
        }
    ]
}