【问题标题】:I want to display some query mongoose result data using Angular on an html page我想在 html 页面上使用 Angular 显示一些查询猫鼬结果数据
【发布时间】:2014-09-06 22:40:14
【问题描述】:

我有一个小问题,我想在一个 html 页面上使用 Angular 显示一些 mongoose 查询结果数据。

我不知道如何将数据发送到角度$scope

app.js:

User.find({ Code: doc.Code}, function (err, data){
    var users = [];
    var userswithsamecode = '';
    data.forEach(function(d){
        console.log(d.nom + " " + d.prenom);
        users.push(d);
        userswithsamecode += "<li>" + d.nom +" "+ d.prenom + '</li><br>';

如何将此结果发送到角度 $scope,
collegues.html

<html data-ng-app="demo">
<div data-ng-controller="simple">
Name:
<br/>
<input type="text" data-ng-model="name" />
<br/>
<ul>
<li data-ng-repeat="collegue in collegues |filter:name">{{}} </li>  
</ul>
</div>
<script src="angular.min.js"></script>
<script>
var demo=angular.module('demo', []);
function simple($scope){
$scope.collegues=
     ];}
demo.controller('simple', simple);
</script>'

感谢您的帮助!

【问题讨论】:

  • 好的,所以你的第一个代码 sn-p 不完整,我不知道你想发送什么“结果”给$scope。你能添加更多细节吗?另外,你是如何尝试的?向我们展示您想要做什么,不要只是要求我们为您做这一切。
  • 我将使用角度显示的结果是数据,数据代表几个集合,例如:{_id:..., username:jam, nom:owen, prenom:jack} 我想显示带有角度的 nom 和 prenom foreach 集合,为此我尝试通过 $http.get('/data/user/:userId/collegues').success(successCallback); 发送数据但我没有得到任何结果,我该如何在猫鼬和 angularjs 之间建立桥梁。
  • 尝试一下。将该信息(以清晰的英文)放在您的问题中

标签: node.js angularjs mongoose


【解决方案1】:

首先你需要为 mongo 创建一个模型。一个例子

 var Example = mongoose.model('ExampleCollection'{
  name:String,
  description: String
  });

//posting to a mongodb
var example = new Example (
  app.post("/add-something-to-mongo", function(req, res) {
  name: req.body.name,
  description: req.body.description
  });
listing.save(function(err) {
     if(err) {
     console.log("Error! ", err);
     }else
      {
       console.log("Saved!"
      };
       });
     });
   });

角度代码看起来像这样。

var app = this;
var url = "heroku_url or localhost url";
app.save = function(Example) {
// create a new object
var newExample = {
"name": $scope.name
"description": $scope.description
};
$http.post(url + "/routefromserver", newExample).success(function() {
   console.log("posting");
})
};

最后是 HTML

<input id="name" type="text" ng-model="name" />
<input id="city" type="text" ng-model="description"/>
<button ng-click="app.save()">Save Me</button>

【讨论】:

    猜你喜欢
    • 2018-09-16
    • 1970-01-01
    • 2017-05-08
    • 1970-01-01
    • 1970-01-01
    • 2016-07-14
    • 1970-01-01
    • 2014-08-30
    • 1970-01-01
    相关资源
    最近更新 更多