使用AngularJS打印JSON值

我想從AngularJS的JSON端點打印一些數據。終點： - http://localhost:8081/api使用AngularJS打印JSON值

JSON結構： -

{ 
    "1": { 
    "venture": "XYZ Informatics", 
    "member": [ 
     { 
     "name": "abcd", 
     "email": "[email protected]" 
     } 
    ], 
    "message": "This is good day", 
    "isclicked": false 
    }, 
    "2": { 
    "venture": "BBC Informatics", 
    "member": [ 
     { 
     "name": "xyz", 
     "email": "[email protected]" 
     } 
    ], 
    "message": "This is bad day", 
    "isclicked": false 
    } 
}

我想顯示創業S的行名。行我期望的輸出是： -

XYZ Informatics 
BBC Informatics

我的代碼是： -

<!DOCTYPE html> 
<html ng-app="MyApp"> 
    <head> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script> 
    <style> 
     table, th, td { 
     border: 1px solid black; 
     border-collapse: collapse; 
     } 
     th, td { 
     padding: 15px; 
     } 
    </style> 
    </head> 
    <body> 
    <div ng-app="MyApp" ng-controller="displayController"> 
     <table style="width:100%"> 
     <tr ng-repeat="data in datas"> 
      <td>{{ data.venture }}</td> 
     </tr> 
     </table> 
    </div> 
    <script> 
     angular.module('MyApp', []) 
     .controller('displayController', function($scope, $http) { 
     var url = "http://localhost:8081/api"; 
     $http.get(url).success(function (response) { 
     $scope.datas = response; 
     }); 
     } 
    </script> 
    </body> 
</html>

但價值不顯示。可能，我很想進入每個JSON數組。

來源

2016-06-27 Codelife

它不工作 – Codelife

腳本中存在語法錯誤。關閉控制器的括號。

<script> 
    angular.module('MyApp', []) 
     .controller('displayController', function($scope, $http) { 
     //changed to your local api 
     var url = "http://localhost:8081/api"; 
     $http.get(url).success(function(response) { 
      $scope.datas = response; 
     }); 
     });//this is the place where you miss out the closing bracket 
    </script>

這裏是工作plnkr。

來源

2016-06-28 00:04:59 CozyAzure

使用AngularJS打印JSON值

回答

相關問題