AngularJs 将模型属性绑定到复选框
AngularJs binding model attribute to checkbox
我正在尝试在创建帖子时分配一些标签。我有一个看起来像这样的帖子模型:
var mongoose = require('mongoose');
var PostsSchema = {
title: String,
content: String,
postedBy: {
type: mongoose.Schema.Types.ObjectId,
ref: 'Users'
},
comments: [{
text: String,
postedBy: {
type: mongoose.Schema.Types.ObjectId,
ref: 'Users'
},
}],
tags: [String]
};
我正在尝试将一些复选框绑定到帖子中的"标签"数组属性。
这是我的后路由器的样子:
///* Create post */
postRouter.route('/').post(function (req, res) {
mongoose.createConnection('localhost', 'CMS');
console.log(req.body);
var post = {
title: req.body.title,
content: req.body.content,
tags: req.body.tags
};
if (typeof req.body.title === "undefined" || typeof req.body.content === "undefined")
{
res.json({message:"Error"});
}else
{
var newPost = new Posts(post);
newPost.save(function (err, post) {
if (err) res.json({message:"Error"});
res.json(post);
});
}
});
我的控制器如下所示:
$scope.createPost = function(post){
postService.createPost(post);
postService.getPosts()
.then(modelPosts);
}
我的观点是这样的:
div(ng-controller='postController')
h2 Create Post
form
div.form-group
label(for='title') Title
input(type='text', class='form-control', id='title', name='title', placeholder='Title', ng-model='newpost.title', autofocus)
div.form-group
label(for='password') Content
input(type='text', class='form-control', id='content', name='content', placeholder='content', ng-model='newpost.content')
div(ng-controller='tagController')
h2 Tags
div( ng-model='Tags', ng-init='getTags()')
ul( ng-repeat='tag in Tags')
li
label
input(ng-model='newpost.tag',value='{{tag.name}}', type='checkbox', name='tag[]')
span {{tag.name}}
button( ng-click='createPost(newpost)', class='btn btn-small btn-primary') Create Post
我不确定将我的观点绑定到模型有什么问题。标签被渲染并创建复选框,但是当我选中一个复选框时,所有这些都会被选中。
input(ng-model='newpost.tag', ng-value-true='tag.name', ng-value-false='null' type='checkbox', name='tag[]')
文档输入[复选框]
相关文章:
- 将角度材质设计复选框绑定到控制器中的数组
- 根据 Knockout.js 中的复选框绑定将来的日期选择器最大日期
- 将复选框绑定到 AngularJs 中的对象值
- 将两个复选框绑定在一起
- 复选框绑定的选中状态倒置在Chrome
- 如何使用angular数据绑定将一个复选框绑定到一个select disabled属性
- Ember.js复选框绑定初始值设置不正确
- 如何使复选框绑定到数据模型中的布尔值
- AngularJS用复选框绑定对象
- 将复选框绑定到Ember 2+中一个数组的元素
- 如何使用knockout.js将复选框绑定到谷歌地图标记
- 在Ember.js中将选中的复选框绑定到数组属性
- 我如何将输入复选框绑定到Javascript函数
- 材质角度复选框绑定自定义输入复选框
- 取消复选框绑定
- angalrjs中的复选框绑定
- js -将多个复选框绑定到单个数组
- 如何在knockout js中为复选框绑定更改事件
- VueJS:从文本框中的多个复选框绑定中获取值
- 角度复选框绑定不正确