0

私は Node.js と angular.js の両方に慣れていないので、angular.js を使用して Web ページに JSON 出力を表示したいと考えています。私の angular.js コードは node.js ファイルにあります

test.js

var pg = require('/data /node_modules/pg');
var serverAddress = localhost';
var serverPort = '1337';
var conString = "tcp://myuser:myuser@localhost/mydb";
var client = new pg.Client(conString);
http = require('http');
fs = require('fs');
url = require('url');
path = require("path");
http.createServer(function (req, res) {
console.log("request is--- "+ req.url);;
res.writeHead(200,{"Content-type":"text/html"});
getData(res);
}).listen(serverPort, serverAddress);
function getData(res) 
{
client.connect(function(err) 
{
 if(err){
  return console.error('could not connect to postgres', err);}
client.query('select * from countrydata;', function(err, result){
  if(err){
    return console.error('error running query', err);}
  res.write("<html ng-app>");
  res.write("<body> Keep it simple....!");
  res.write("<script>");
  res.write("alert('it work!');");
  res.write("</script>");
  res.write("<table ng-controller= countryController>");
  res.write("<td>{{directory}}</td>");
  res.write("</tr>");
  res.write("</table>");
  res.write("<script  
  src=\'https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js\'>");
  res.write("</script>");
  for (var i in result)
  {
     var records =result[i];
     if (i=='rows')
     {
       var json = JSON.stringify(result[i]);
     }
    }
    res.write("<script>");
    res.write("angular.controller(countryController, function($scope) {");
    res.write("$scope.directory =" + json);
    res.write("});");
    res.write("</script>");
    res.write("</body>");
    client.end();
    });

したがって、この test.js を実行すると、Web ページの出力は次のようになります。{{$ディレクトリ}}

Htmlビューページのソースはこれを一覧表示します--

シンプルに...!{{ディレクトリ}}https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js>angular.controller(countryController, function($scope) {$scope.directory =[{"country_name":"USA","state":"Alaska"},{"country_name":"USA","state":"Colorado"},{"country_name":"USA ","state":"フロリダ"},{"country_name":"USA","state":"イリノイ"},{"country_name":"USA","state":"ルイジアナ"},{"country_name ":"アメリカ","州":"ノースカロライナ"},{"国名":"中国","州":"上海"},{"国名":"中国","州":"北京" }、{"country_name":"ITALY","state":"FLORENCE"},{"country_name":"ITALY","state":"PISA"},{"country_name":"INDIA","state":"ASSAM" }]});

Controller が $scope の値を出力しない理由がわかりません。これを修正する方法を教えてください。ありがとう

4

1 に答える 1