Javascript 如何保存角形数据?
我对meanstack是新手,所以我想尝试用它制作一个基本的表单。我使用angular表单验证创建了它,但在保存到mongodb时遇到了问题。我的问题是,我不明白如何将通过表单字段提交的内容放入app.js index.htmlJavascript 如何保存角形数据?,javascript,angularjs,node.js,forms,mongodb,Javascript,Angularjs,Node.js,Forms,Mongodb,我对meanstack是新手,所以我想尝试用它制作一个基本的表单。我使用angular表单验证创建了它,但在保存到mongodb时遇到了问题。我的问题是,我不明白如何将通过表单字段提交的内容放入app.js index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src='https://ajax.googleapis.com/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js'></script>
</head>
<body ng-app="GenApp">
<div ng-controller="FormController">
<form name="form" class="registration-form" novalidate>
Name:
<input type="text" ng-model="user.name" name="uName" required="" />
<br />
<div ng-show="form.$submitted || form.uName.$touched">
<div ng-show="form.uName.$error.required">Tell us your name.</div>
</div>
E-mail:
<input type="email" ng-model="user.email" name="uEmail" required="" />
<br />
<div ng-show="form.$submitted || form.uEmail.$touched">
<span ng-show="form.uEmail.$error.required">Input your email</span>
<span ng-show="form.uEmail.$error.email">This is not a valid email.</span>
</div>
<input type="button" ng-click="reset(form)" value="Reset" />
<input type="submit" ng-click="update(user)" value="Save" />
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="js/controller.js"></script>
<script src="app.js"></script>
</div>
</body>
</html>
app.js(服务器)
有人知道我该怎么办吗?谢谢 尝试创建RESTAPI,并通过POST请求提交用户数据
app.js (server)
app.post("/user/:name", function(req,res,next){
//persistence logic
});
controller.js
app.controller('FormController', ['$scope','$http', function($scope,$http) {
$scope.master = {};
$scope.update = function(user) {
$scope.master = angular.copy(user);
$http({
method: 'POST',
url: hostname:port + '/user/' + user.name
}).then(function successCallback(response) {
}, function errorCallback(response) {
});
};
$scope.reset = function(form) {
if (form) {
form.$setPristine();
form.$setUntouched();
}
$scope.user = angular.copy($scope.master);
};
$scope.reset();
}]);
var express = require('express');
var app = express();
var mongoose = require('mongoose');
var database_url = "mongodb://test:test@ds035965.mongolab.com:35965/addressbook";
var port = process.env.PORT || 8080;
mongoose.connect(database_url);
var Schema = mongoose.Schema;
var personSchema = new Schema({
name: String,
email: String
});
var Person = mongoose.model('Person', personSchema);
app.js (server)
app.post("/user/:name", function(req,res,next){
//persistence logic
});
controller.js
app.controller('FormController', ['$scope','$http', function($scope,$http) {
$scope.master = {};
$scope.update = function(user) {
$scope.master = angular.copy(user);
$http({
method: 'POST',
url: hostname:port + '/user/' + user.name
}).then(function successCallback(response) {
}, function errorCallback(response) {
});
};
$scope.reset = function(form) {
if (form) {
form.$setPristine();
form.$setUntouched();
}
$scope.user = angular.copy($scope.master);
};
$scope.reset();
}]);