Javascript Ionic:无法检索本地JSON数据

在我的Ionic应用程序中，我试图检索本地JSON数据并将其加载到我的应用程序中。我在javascript中设置了一个http.get来检索我的数据，但由于某些原因，它没有加载到应用程序中。我不知道为什么。我想我在html中加载数据时犯了一个错误，但我不确定它是什么

JS:

HTML:

<ion-list>
  <ion-item ng-controller="WorkCtrl" ng-repeat="item in items">
    {{item}}
  </ion-item>
</ion-list>

---

首先，尝试对它们的http进行排序，我建议使用

（file.json位于=www文件夹中）

其次是JSON格式，这样可能更好：

{
  "Items":[
    { "Item" : "Under 5/6/7/8/9s"},
    { "Item" : "Under 10s"},
    { "Item" : "Under 10s"}
   ]
 }

以防您想为其排列添加更多值

    <ion-list>
      <ion-item ng-repeat="item in items">
        {{item.Item}}
      </ion-item>
    </ion-list>

{{item.item}

回答

HTML:

---

不应

$scope.data=项目be
$scope.items=数据？我已经更改了，但仍然没有加载：/What's issue？请更新问题以反映Jeff指出的更正。JavaScript控制台是否显示任何错误？开发人员工具的Net选项卡是否显示成功的请求/响应？这会极大地改变问题的性质。它不再是关于角度或离子的，而是文件的路径。
$http({method: 'GET', url: 'file.json'})
.success(function(data){
   console.log(data.Items);
   $scope.items = data.Items;
 })
 .error(function(){

 })
 .finally(function(){

 });

{
  "Items":[
    { "Item" : "Under 5/6/7/8/9s"},
    { "Item" : "Under 10s"},
    { "Item" : "Under 10s"}
   ]
 }

    <ion-list>
      <ion-item ng-repeat="item in items">
        {{item.Item}}
      </ion-item>
    </ion-list>

  <ion-list ng-controller="WorkCtrl">
    <ion-item ng-repeat="item in items">
      {{ item.id }}
    </ion-item>
  </ion-list>

.controller("WorkCtrl", function($scope, $http, $ionicModal) { 
  $scope.items = [
    { id:  9 },
    { id: 10 },
    { id: 11 },
    { id: 12 },
    { id: 13 },
    { id: 14 },
    { id: 15 },
    { id: 16 }
  ];

})