javascript - 尝试从 Angular 将数据发送到 mongoDB

标签 javascript angularjs node.js mongodb

我正在尝试从 Angular 将数据保存在 mongoDB 中。 我的数据从 Angular 页面变成了 Node.js 页面,我想将数据保存在 mongoDB 中。 我将要保存的数据发送到 Controller 。 我的模式来自 localhost:8080/activities 谢谢,

我的 Angular 看起来像这样:

 <html ng-app="addActivityApp">
     <body ng-controller="activityController">
     <h1 class="text-center">Add Activity</h1>
            <form class="form-group" ng-submit="createActivity()">
              <label for="inputEmail3" class="col-sm-2 control-label">Title:</label>
                <input class="form-control" type="text" placeholder="Title" ng-model="title"></input>
                <label for="inputEmail3" class="col-sm-2 control-label">Age:</label>
                <input class="form-control" id="inputEmail3" type="number" placeholder="Age" ng-model="age" min="0" max="16"></input>
                <label for="inputEmail3" class="col-sm-2 control-label">Description:</label>
                 <textarea class="form-control" id="inputEmail3" type="text" placeholder="Description" ng-model="description"></textarea>
                 <br>
                 <label for="inputEmail3" class="col-sm-2 control-label">Themes:</label>
                <input type="submit" class="btn btn-default" name="send"></input>
            </form> 
        <script src="js/lib/angular/angular.min.js"></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-resource.js"></script>
        <script src="js/addController.js"></script>
     </body>
     </html>

我的 Controller 看起来像这样:

var addActivityApp = angular.module('addActivityApp',[]);

var model = {};

addActivityApp.controller('activityController',function($scope) {
    $scope.addActivityApp = model;
});

addActivityApp.run(function($http) {
    $http.get("http://localhost:3000/activities").success(function(data){
addActivityApp.createActivity= function($scope){
    var activity = new Activity();
    activity.title = $scope.title;
    activity.age = $scope.age;
    activity.description = $scope.description;
    activity.theme = $scope.theme;
    activity.$save(function (result) {
      $scope.activities.push(result);
      $scope.title = '';
      $scope.age = '';
      $scope.description = '';
      $scope.theme = '';
            });
        }
    });
});

我读到了它,但我不明白我做错了什么

本地主机:3000/事件

var mongoose = require('mongoose');
var Activity = require('./activity');

exports.getData = function(req, res){
    Activity.find({},function(err, docs){
        console.log("docs "+docs);
        res.json(docs);
        return;
    });
}

最佳答案

对 AngularJS 不是 100% 确定,但是您可以在 mongodb 项目中包含一个 NodeJS 模块 https://www.npmjs.com/package/mongodb

使用它非常简单:

var MongoClient = require('mongodb').MongoClient;
var assert      = require('assert');

/**
 * save array of json objects to mongodb
 * @param issues
 */
Mongo.saveToMongo = function (issues) {

    // Use connect method to connect to the Server
    MongoClient.connect(mongourl, function (err, db) {
        assert.equal(null, err);
        console.log("Connected successfully to Mongo");

        // Get the issues collection
        var collection = db.collection('issues');

        console.log("Inserting issues");

        // insert all issues retrieved
        collection.insertMany(issues, function (err, result) {
            assert.equal(err, null);
            console.log("Inserted new issues");
            db.close();
        });
    });
}

至少你可以用它来 retrofit 你自己的 Angular 连接。

关于javascript - 尝试从 Angular 将数据发送到 mongoDB,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37720283/

相关文章:

javascript - Angular 5 从 API 响应中省略 1.0 中的 .0

javascript - 什么是 JQuery 插件的 AngularJS 等价物?

javascript - Ionic 中的 $state.go 与 ion-nav-view 不起作用

node.js - 检测 S3 对象的内容类型/MIME 类型

javascript - 将数字格式化为始终显示 2 位小数

javascript - 选择下拉列表中的某些值时取消选中复选框

javascript - 添加自定义链接到 Dailymotion 嵌入

javascript - 是否可以在某些条件下关闭信息窗口

mysql - 如何在 SEQUELIZE (nodeJS) 中创建触发器?

javascript - 使用 Express 模块作为中间件