如何在Angularjs和NODEJS以及MYSQL的视图中显示数据?

时间:2017-04-20 14:15:22

标签: mysql angularjs node.js

我正在尝试在mysql表中显示数据

我低于我的app.js节点代码

app.get('/api/todos', function(req, res) {
connection.query('SELECT * FROM pacsdb.ae',function(err, data){
  if(err)
  {
    res.send(err);
  }
  res.send(data);
  //res.render('pacientes',{data:data});
  console.log(data);
});
});

控制台,如果它显示SQL获取的数据,但问题出现在带角度

的视图中

这里我给你留下angularjs的app.js代码

Var myApp = angular.module ('angularTodo', []);

MyApp.controller ('mainController', ['$ scope', '$ http', function ($ scope, $ http)

$ Http.get ('/ api / all'). Then (function (value) {
$ Scope.pacientes = value;
}). Finally (function () {
$ Scope.example7 + = "(Finally called)";
});
}]);

视图

<Table class = "table" style = "border: 2px">
<Thead>
<Th> ID; </ Th>
</ Thead>
<Tbody>
<Tr ng-repeat = "data in pacientes">
<Td> {{data.pk}} </ td>

</ Tr>
</ Tbody>
</ Table>

问题是当data [0] .pk如果数据显示在位置0,但我想显示mysql表中的所有数据,但是data.pk在视图中不显示任何内容

对不起我的英语。

更新

我已经找到了解决方案,我的问题是控制器angularjs添加res.data采取完整的安排,我留下这里的代码

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

myApp.controller('mainController', ['$scope','$http', function($scope, $http){

   $http.get('/api/todos').then(function(res) {
       $scope.pacientes = res.data;
   }).finally(function() {
       $scope.example7 += " (Finally called)";
   });

}]);

0 个答案:

没有答案