Javascript 我正在调用json中的数据但不接收数据为什么？_Javascript_Json_Angularjs

Javascript 我正在调用json中的数据但不接收数据为什么？

javascript json angularjs

Javascript 我正在调用json中的数据但不接收数据为什么？,javascript,json,angularjs,Javascript,Json,Angularjs,我正在调用json中的数据，但我的数据未被接收。请帮助我我是新来的我的密码是角度代码为 var phonecatApp = angular.module('phonecatApp', []); phonecatApp.controller('PhoneListCtrl', function ($scope, $http) { $http.get('data.json').success(function(data) { $scope.phones = data; });

我正在调用json中的数据，但我的数据未被接收。请帮助我

我是新来的

我的密码是

角度代码为

var phonecatApp = angular.module('phonecatApp', []);

phonecatApp.controller('PhoneListCtrl', function ($scope, $http) {
  $http.get('data.json').success(function(data) {
    $scope.phones = data;
  });

  $scope.orderProp = 'age';
});

<!DOCTYPE html>
<html ng-app="phonecatApp">

  <head>
  <title>Hello i </title>
    <link rel="stylesheet" href="style.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-controller="PhoneListCtrl">
    <h1>Hello Plunker!</h1>
   <div>Filter By  <input type="text" ng-model="query" /> </div>
   <div>Order By <select ng-model="orderPop">
      <option> Chose One</option>
      <option value="name">Name</option>
      <option value="price">Price</option>
    </select></div>
    <ul>
        <li ng-repeat="phone in phones | filter:query | orderBy:orderPop ">
            {{phone.name}}
            <p>{{phone.snippet}}</p>
            <h2>Price {{phone.price | currency:"$"}}</h2></h2>
        </li>

    </ul>
    <h4>Total No of Phone {{phones.length}}</h4>
  </body>

</html>

HTML代码是

var phonecatApp = angular.module('phonecatApp', []);

phonecatApp.controller('PhoneListCtrl', function ($scope, $http) {
  $http.get('data.json').success(function(data) {
    $scope.phones = data;
  });

  $scope.orderProp = 'age';
});

<!DOCTYPE html>
<html ng-app="phonecatApp">

  <head>
  <title>Hello i </title>
    <link rel="stylesheet" href="style.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-controller="PhoneListCtrl">
    <h1>Hello Plunker!</h1>
   <div>Filter By  <input type="text" ng-model="query" /> </div>
   <div>Order By <select ng-model="orderPop">
      <option> Chose One</option>
      <option value="name">Name</option>
      <option value="price">Price</option>
    </select></div>
    <ul>
        <li ng-repeat="phone in phones | filter:query | orderBy:orderPop ">
            {{phone.name}}
            <p>{{phone.snippet}}</p>
            <h2>Price {{phone.price | currency:"$"}}</h2></h2>
        </li>

    </ul>
    <h4>Total No of Phone {{phones.length}}</h4>
  </body>

</html>


你好，我
你好，普朗克！
过滤
订购人
选择一个
名称
价格


{{phone.name}
{{phone.snippet}
价格{{phone.Price}货币：“$”}


电话总数{{phones.length}

您的json中缺少引号：

    [{
      "name": "Nokia X250",
      "snippet": "nice application ",
      "price": "260"
    }, {
      "name": "Moto G",
      "snippet": "nice oprationg ",
      "price": "252"
    }]

“某些错误”并不能真正为我们提供出错的线索数据没有收到？