/Javascript/Node.js/Front end display data frmo database nodejs html

Front end display data frmo database nodejs html

<!doctype html>
<html ng-app>
  <head>
    <title>My AngularJS App</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
  </head>
  <body>
  <div ng-controller="MyCtrl">
    <table>
      <thead>
        <tr>
          <th>
            <p>Name</p>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="user in users">
          <td> 
            <p>{{user}}</p>
          </td>
        </tr>
      </tbody>
    </table>
   </div>
    <script>
     var myApp = angular.module('myApp',[]);
     function MyCtrl($scope, $http) {
     //This method will call your server, with the GET method and the url /show
     $http.get("http://localhost:3000/show").then(function(success){
      if(success.data.length>0)
      {
         $scope.users=success.data;
      }
     });
     }
   </script>
  </body>
 </html>

Source: stackoverflow.com

Similar codes

0 vote287 views1 answer
Node load testing-basic
Javascript Node.js
1 vote254 views1 answer
Node js procfile heroku starter
Javascript Node.js
0 vote285 views1 answer
Node js install wbm
Javascript Node.js
2 votes257 views1 answer
What is morgan in nodejs
Javascript Node.js
0 vote310 views1 answer
Go over each line in text nodejs
Javascript Node.js
4 votes274 views2 answers
How to export a class in node js
Javascript Node.js
0 vote295 views1 answer
Node Folder or file exists
Javascript Node.js
0 vote262 views1 answer
Node js find directory change directory
Javascript Node.js
0 vote274 views3 answers
How to connect mysql using node js stack
Javascript Node.js
0 vote283 views1 answer
Css errors in node js server
Javascript Node.js