我在angular js中调用一个数据抛出json，但不接收数据为什么

i m call a data in angular js throw json but not receive data why?

本文关键字：数据 json 为什么 一个 js angular 调用 我在      更新时间：2023-09-26

我调用json中的数据，但我的数据没有收到，你能帮我吗。

我是新来的有棱角的js。

我的代码是这个

角度代码是

var phonecatApp = angular.module('phonecatApp', []);
phonecatApp.controller('PhoneListCtrl', function ($scope, $http) {
  $http.get('data.json').success(function(data) {
    $scope.phones = data;
  });
  $scope.orderProp = 'age';
});

HTML代码是

<!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>

Plunker演示

json:中缺少引号

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

http://plnkr.co/edit/5N8pndfBNH1EwOnqw5pT?p=preview

相关文章：