Arrays 使用平均堆栈存储angularjs表单中的数组数据
我正在使用堆栈。在创建一篇新文章时,我想保存数组数据。下面的代码有Arrays 使用平均堆栈存储angularjs表单中的数组数据,arrays,angularjs,node.js,meanjs,Arrays,Angularjs,Node.js,Meanjs,我正在使用堆栈。在创建一篇新文章时,我想保存数组数据。下面的代码有deal部分,它需要一个数据数组,我无法存储数组数据。如何修改html部分和angularJS控制器,以便为deal { "_id": "565d8a3a0ede9823aca797e9", "user": { "_id": "564ef3eaebf280b0abcc4876", "displayName": "Table 2" }, "__v": 0, "deal": ["Special","Holiday"], "name":
deal
部分,它需要一个数据数组,我无法存储数组数据。如何修改html部分和angularJS控制器,以便为deal
{
"_id": "565d8a3a0ede9823aca797e9",
"user": {
"_id": "564ef3eaebf280b0abcc4876",
"displayName": "Table 2"
},
"__v": 0,
"deal": ["Special","Holiday"],
"name": "Idli",
"created": "2015-12-01T11:53:30.759Z"
}
我的NodeJS服务器模型
var FoodSchema = new Schema({
created: {
type: Date,
default: Date.now
},
name: {
type: String,
default: '',
required: 'Please fill Food name',
trim: true
},
deal: [{
type: String,
default: '',
trim: true
}],
user: {
type: Schema.ObjectId,
ref: 'User'
}
});
我的AngularJS控制器
$scope.create = function (isValid) {
$scope.error = null;
if (!isValid) {
$scope.$broadcast('show-errors-check-validity', 'foodForm');
return false;
}
// Create new Food object
var food = new Foods({
name: this.name,
deal: this.deal,
// Redirect after save
food.$save(function (response) {
$location.path('foods/' + response._id);
// Clear form fields
$scope.name = '';
$scope.deal = '';
}, function (errorResponse) {
$scope.error = errorResponse.data.message;
});
};
HTML部分
<section ng-controller="FoodsController">
<div layout="row" layout-wrap class="create-food">
<form name="foodForm" ng-submit="create(foodForm.$valid)" novalidate>
<div class="col-md-12">
<md-input-container flex="">
<label >Food Name</label>
<input type="text" data-ng-model="name" id="name" required>
</md-input-container>
</div>
<div class="col-md-6">
<md-input-container class="">
<label class="" for="deal">Deal</label>
<input type="text" data-ng-model="deal" id="deal" required>
</md-input-container>
</div>
<md-button type="submit">Create Food</md-button>
</form>
</div>
</section>
食品名称
处理
创造食物
如果您想在浏览器上存储数据,可以使用新的html5功能localStorage(key,value),您可以输入一些用于获取的键和类似json的值
这不仅仅是为了选举 如果您想在浏览器上存储数据,可以使用新的html5功能localStorage(key,value),您可以输入一些用于获取的键和类似json的值
这不仅仅是为了选举 我看到您已经更新了mongoose模型模式,并在前端进行了一些更新,但是您的服务器API的当前状态如何?您是否为请求定义了任何端点 换句话说(使用MEAN.js的文章示例): 你已经有类似的食物设置了吗 设置好路由后,应验证服务器控制器逻辑,查看数据是否正确处理并保存到mongodb中 编辑以解释将数据保存到MEAN.js中mongodb的工作流程:
出于安全原因,只能从服务器访问数据库。您不能直接从angularjs访问mongodb。过程是:angular通过请求(例如:GET、POST、PUT、DELETE)将数据传递给expressjs。然后在服务器中,您应该能够通过定义路由端点来捕获请求。在这些路由端点中,您可以指定路由中间件(即服务器控制器),然后使用mongoose与mongodb交互。我看到您已经更新了mongoose模型架构,并在前端进行了一些更新,但您的服务器API的当前状态如何?您是否为请求定义了任何端点 换句话说(使用MEAN.js的文章示例): 你已经有类似的食物设置了吗 设置好路由后,应验证服务器控制器逻辑,查看数据是否正确处理并保存到mongodb中 编辑以解释将数据保存到MEAN.js中mongodb的工作流程:
出于安全原因,只能从服务器访问数据库。您不能直接从angularjs访问mongodb。过程是:angular通过请求(例如:GET、POST、PUT、DELETE)将数据传递给expressjs。然后在服务器中,您应该能够通过定义路由端点来捕获请求。在这些路由端点中,您可以指定路由中间件(即服务器控制器),然后使用mongoose与mongodb交互。我想将其存储在mongodb中。我想将其存储在MongoByes中。我的路由是这样的,我尝试通过终端插入数组数据,它的存储方式是这样的
{u id]:“5677ec1253f11260f5731c7c”,“交易”:[“支票1”,“支票2”],“名称”:“你好”,“创建”:“2015-12-21T12:11:03.551Z”}
。后端正在工作。我如何使用AngularJS存储它。谢谢我想你误解了MEAN.js中的一些概念,检查我的更新答案是这样的,我尝试通过终端插入数组数据,它存储如下{u id:“5677ec1253f11260f5731c7c”,“deal:[“check1”,“check2”],“name:“你好”,“已创建”“:“2015-12-21T12:11:03.551Z”}
。后端正在工作。如何使用AngularJS存储它。谢谢我想你误解了MEAN.js中的一些概念,请检查我的更新答案
var articlesPolicy = require('../policies/articles.server.policy'),
articles = require('../controllers/articles.server.controller');
module.exports = function (app) {
// Articles collection routes
app.route('/api/articles').all(articlesPolicy.isAllowed)
.get(articles.list)
.post(articles.create);
// Single article routes
app.route('/api/articles/:articleId').all(articlesPolicy.isAllowed)
.get(articles.read)
.put(articles.update)
.delete(articles.delete);
// Finish by binding the article middleware
app.param('articleId', articles.articleByID);
};