【问题标题】:Output is not being shown using AngularJS when data is retrieved from NodeJS从 NodeJS 检索数据时,未使用 AngularJS 显示输出
【发布时间】:2017-10-30 17:49:48
【问题描述】:

这是我使用 NodeJS 的后端代码,我试图通过它发送 JSON 数据。 -

con.query(sql, function(err, result, fields){
    if(err) throw err;
    res.setHeader('Content-Type', 'application/json');
    var Dict = {"records":result};
    res.end(JSON.stringify(Dict));
  });

这是我使用 AngularJS 的前端代码,我试图通过它在浏览器上显示 JSON 数据-

<body> 
      <div ng-app='myApp' ng-controller="MyCtrl">
            <p ng-model="rows">
            {{ rows }}
            </p>
      </div>
 <script>
 var myApp = angular.module('myApp',[]);
 myApp.controller('MyCtrl', function($scope,$http){
    $http.get("http://localhost:1208").then(function(response){
    $scope.rows = response.data.records;
    });
 });
 </script>
</body>

但是当我在浏览器上运行这个 Angularjs 文件代码时,它什么也没显示。谁能帮我解决这个问题?我想在浏览器上显示我的 JSON 数据。

【问题讨论】:

  • 你试过在前端安慰响应并检查吗?
  • &lt;p ng-model="rows"&gt; {{ rows }} &lt;/p&gt; 替换为&lt;pre&gt;{{rows|json}}&lt;/pre&gt; 以便于调试。

标签: angularjs node.js


【解决方案1】:

不是输入元素,它没有 ng-model 标签,

删除并将其更改为,

 <p>
   {{ rows }}
 </p>

【讨论】:

  • 谢谢,但问题仍然存在。
  • console.log(response.data.records);
  • 执行此操作时的输出是什么
  • 对不起,我是初学者。我怎样才能做到这一点?安慰角度数据?
  • $http.get("localhost:1208").then(function(response){ console.log(JSON.stringify(response.data.records)); });
猜你喜欢
  • 2017-11-26
  • 2013-12-02
  • 1970-01-01
  • 2015-03-29
  • 2017-09-16
  • 2018-04-01
  • 1970-01-01
  • 1970-01-01
  • 2017-06-02
相关资源
最近更新 更多