如何使用Angular Js以从node.js服务器检索的表格式显示json数据

Question

This is an index file I had made to display the json data though angular.js 这是我制作的一个索引文件，用于通过angular.js显示json数据

<!DOCTYPE html>
<html>
<head>
<style>
table, th , td {
border: 1px solid grey;
border-collapse: collapse;
padding: 5px;
}
table tr:nth-child(odd) {
background-color: #f1f1f1;
}
table tr:nth-child(even) {
background-color: #ffffff;
}
</style>
<script src= “http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js”></script>
</head>
<body>

<div ng-app=”” ng-controller=”blogController”>

<table>
<tr><td>Manger Id</td><td>Manger Name</td></tr>
  <tr ng-repeat=”x in name”>
    <td>{{ x.m_id }}</td>

<td>{{ x.name }}</td>


  </tr>
</table>

</div>

<script>
function blogController($scope,$http) {
$http.get('http://localhost:3000/techgeek/v1/getEmployeeDetails')
.success(function(response) {
    $scope.names = response;
    console.log($scope.names);
});
}
</script>

</body>
</html>

I am unable to get the json data from nodejs server. 我无法从nodejs服务器获取json数据。 I aslo attacted a secreen shout my json data genereated though nodejs sever . 我还通过nodejs切断了对我的json数据的保密提示。 . 。 The main problem with url. 网址的主要问题。 Thanks for your help in advance 谢谢您的帮助

Answer 1

Here is the live for your problem. 这是为您解决的问题。 I have solved it using the local Json. 我已经使用本地Json解决了它。 You have made the following mistakes as below 您犯了以下错误：

ng-repeat names should be there as you have $scope.names in your controller. ng-repeat名称应该在那里，因为您的控制器中有$ scope.names。
x.name in the second column which is wrong as your json is having the x.m_name as the field. x.name第二栏为您的JSON是具有x.m_name作为字段这是错误的。
Also, I have a doubt if the node.js server and the angular application is running in the same port, else you might get CORS (Cross Origin Resource Sharing) error in the console which you have to fix it. 另外，我怀疑node.js服务器和angular应用程序是否在同一端口上运行，否则您可能会在控制台中收到CORS （跨源资源共享）错误，必须对其进行修复。

Plunker 柱塞

   <tr><td>Manger Id</td><td>Manger Name</td></tr>
   <tr ng-repeat="x in names track by $index">
        <td>{{ x.m_id }}</td>
        <td>{{ x.m_name }}</td>
   </tr>

Update 1 更新1

You have a problem with the module as you have used ng-app="" in your code please fix it by using a module as below 您的模块有问题，因为您在代码中使用了ng-app="" ，请使用以下模块进行修复

var app = angular.module('plunker', []);
app.controller("",function(){
 .....................
});

如何使用Angular Js以从node.js服务器检索的表格式显示json数据

问题描述

1 个解决方案

解决方案1
2 已采纳 2016-11-28 08:11:07

Update 1 更新1

如何使用Angular Js以从node.js服务器检索的表格式显示json数据

问题描述

1 个解决方案

解决方案1 2 已采纳 2016-11-28 08:11:07

Update 1 更新1

解决方案1
2 已采纳 2016-11-28 08:11:07