2017-03-28 6 views
0

私はmeanstackを使用しています。現在、angularjsの助けを借りてmongodbからデータを取得しようとしています。この技術では非常に新しいです.iは正しく値を挿入しましたmongodb-私はmeanstack使用している今、私はangularjsの助けを借りてのMongoDBからデータを取得しようと、私はこのtechnology.iでは非常に新しいです、私はMongoDBの-マングースから取得したい正しく値を挿入mongooseを使用してmongodbから値を選択する方法

をマングース

var app = angular.module("App", [ ]); 
 

 
    
 
app.controller('MongooseController', ['$scope', '$http' ,'$window', '$filter', 
 
    
 
    
 
function ($scope, $http, $window, $filter) { 
 
     
 

 
    debugger; 
 
    
 
    var refresh = function() { 
 
     $http.get('/ViewUser').then(function (response) { 
 
      $scope.ViewUsers = response.data; 
 
     }); 
 
    
 
    }; 
 
    refresh(); 
 

 
    $scope.AddNewDetails = function () { 
 

 
     $http.post('/AddNewDetails', $scope.user).then(function (response) { 
 
      
 

 
     }); 
 
    }; 
 
    
 

 
}]); 
 

 

 

 

 

 

 

 

 

 
server 
 
var express = require('express'); 
 
var app = express(); 
 
var mongoose = require('mongoose'); 
 
var Schema = mongoose.Schema(); 
 
var bodyParser = require('body-parser'); 
 

 
    
 

 

 
app.use(express.static(__dirname + "/public")); 
 

 
app.use(bodyParser.json()); 
 
mongoose.connect('mongodb://localhost/crud'); 
 

 
var Schema = new mongoose.Schema({ 
 
    email: String, 
 
    name: String, 
 
    age: Number, 
 
    
 

 
    date: { type: Date, default: Date.now } 
 
    
 

 
}); 
 

 
var user = mongoose.model('emps', Schema); 
 

 
app.get('/ViewUser', function (req, res) { 
 

 
    user.find({}, function (err, docs) { 
 
     console.log(docs); 
 
    }); 
 

 
}); 
 
    
 
app.post('/AddNewDetails', function (req, res) { 
 

 
    
 
    new user({ 
 
     email: req.body.email, 
 
     name: req.body.name, 
 
     age: req.body.age 
 
     
 

 

 
    }).save(function (err, doc) { 
 

 
     if (err) { 
 
      res.json(err); 
 
     } 
 
     else { 
 
       
 
      res.send('Successfully inserted!'); 
 
     } 
 
    }); 
 
}); 
 

 

 

 

 

 
app.listen(8082); 
 
console.log("server running on port 8082");
<!DOCTYPE html> 
 
<html ng-app="App"> 
 
<head> 
 

 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.3/angular.min.js"></script> 
 

 
    <script src="Controller/MongooseCrud.js"></script> 
 
</head> 
 

 
<body > 
 

 
    <div ng-controller="MongooseController"> 
 
    
 
     
 

 
     <label for="email">Email: </label> 
 
\t <input type="email" name="email" ng-model="user.email" /><br /> 
 
\t <label for="name">Name: </label> 
 
\t <input type="text" name="name" ng-model="user.name" /><br /> 
 
\t <label for="age">Age: </label> 
 
\t <input type="number" name="age" ng-model="user.age"/><br /> 
 
\t <input type="Button" value="submit" ng-click="AddNewDetails()"> 
 

 
     <ul ng-repeat="ViewUser in ViewUsers"> 
 
      <li>{{ViewUser.name}}</li> 
 
     </ul> 
 

 

 

 

 
    </div> 
 
     
 

 

 
</body> 
 
</html>

答えて

1

それは

$http.get('/ViewUser').then(function (response) { 
      $scope.ViewUsers = response.data; 
}); 
+0

はそのSajeetharan.noエラー@ workigない、と

User.find({}, function(err, docs) { console.log(docs); } 

はまたあなたの要求を変更、する必要がありますが、私はあなたが何を参照するか、私のhtmlコード – jose

+0

が来ましたコンソールで? – Sajeetharan

+0

を何を参照ください – jose

関連する問題