Question

我正在尝试从anglejs（版本1.5.9）读取并显示一个复杂的JSON。问题是它没有显示，我在浏览器中没有渲染表头，并且值显示为空。我将不胜感激有人告诉我错误在哪里

这是我的网站生成的api的json：“ http：//本地主机：37818 / api / computer /，它已经过测试，可以正常工作

[{
    "procesador": {
    "Id": 1,
    "Nucleos": 1,
    "FrecuenciaTrabajo": 5.0
   },
    "memoria": {
    "Id": 1,
    "Frecuencia": 20,
    "VelocidadTransferencia": 5,
    "Capacidad": 12
   },
    "disco": {
    "VelocidadRotacion": 20,
    "Id": 1,
    "Capacidad": 0,
    "Coste": 0.0,
    "TiempoArranque": 0.0
 },
    "Id": 1
}, {
    "procesador": {
    "Id": 1,
    "Nucleos": 1,
    "FrecuenciaTrabajo": 5.0
   },
    "memoria": {
    "Id": 2,
    "Frecuencia": 20,
    "VelocidadTransferencia": 5,
    "Capacidad": 10
  },
    "disco": {
    "TipoMemoria": "DRAM",
    "Id": 1,
    "Capacidad": 0,
    "Coste": 0.0,
    "TiempoArranque": 0.0
  },
    "Id": 2
}]

....我的脚本.js ....................................... ..................

//

var url = "http://localhost:37818/api/computadora/"

var myApp = angular.module("myApp", []);

var MainController = function ($scope, $http) {

     var onSucess = function (response) { $scope.computadoras =       response.data};

   var onFailure = function(reason) { $scope.error = reason };

   var getComputadoras = function () {
       $http.get(url)
       .then(onSucess,onFailure)
  };

   getComputadoras();

};

myApp.controller（“ MainController”，MainController）;

...我的索引.htl ...................................... .......

 <!DOCTYPE html>
 <html>
 <head>
     <meta charset="utf-8" />
     <title>ArkanoWeb</title>
     <script src="Scripts/angular.js"></script>
     <script src="Scripts/script.js"></script>
</head>
<body ng-app="myApp">
    <div ng-controller="MainController">
         <table>
             <tr>
                 <td>Computadora ID</td>
                 <td>Cantidad nucleos</td>
                 <td>Capacidad memoria</td>
                 <td>Velocidad transferencia</td>
                <td>Frecuencia</td>
            </tr>
            <tr ng-repeat="computadora in computadoras">
                <td>{{computadora.Id}}</td>
                <td>{{computadora.procesador.Nucleos}}</td>
                <td>{{computadora.memoria.Capacidad}}</td>
                td>{{computadora.memoria.VelocidadTransferencia}}</td>
               <td>{{computadora.memoria.Frecuencia}}</td>
           </tr>
        </table>
   </div>

</body>

使用Angularjs（版本1.5.9）读取和显示复杂的JSON时出现问题

0 个答案: