Javascript 聚合物1.0纸张单选按钮在Meteor中不起作用
我创造了一个简单的形式与流星和聚合物。不完全确定如何正确执行polymer的Javascript 聚合物1.0纸张单选按钮在Meteor中不起作用,javascript,meteor,polymer,meteor-blaze,polymer-1.0,Javascript,Meteor,Polymer,Meteor Blaze,Polymer 1.0,我创造了一个简单的形式与流星和聚合物。不完全确定如何正确执行polymer的纸张单选按钮。在页面上,所有收音机都已选中。以下是我的设置: 流星服务器: Meteor.publish('jobTypes', function(){ return JobTypes.find(); }); //when server starts up, insert these records: if (JobTypes.find().count() === 0) { //Job Types Jo
纸张单选按钮
。在页面上,所有收音机都已选中。以下是我的设置:
流星服务器:
Meteor.publish('jobTypes', function(){
return JobTypes.find();
});
//when server starts up, insert these records:
if (JobTypes.find().count() === 0) {
//Job Types
JobTypes.insert({
name: 'Full Time',
isChecked: false
});
JobTypes.insert({
name: 'Part Time',
isChecked: false
});
JobTypes.insert({
name: 'Contract',
isChecked: false
});
JobTypes.insert({
name: 'Freelance',
isChecked: false
});
JobTypes.insert({
name: 'Intern',
isChecked: false
});
}
Meteor.subscribe('jobTypes');
<paper-radio-group selected="small">
{{#each jobTypes}}
<paper-radio-button name={{name}} {{isChecked}}>{{name}}</paper-radio-button>
{{/each}}
</paper-radio-group>
isChecked: function() {
return this.name ? 'checked' : '';
}
'click [name=name]' : function(e, tmpl) {
var id = this._id;
var checked = tmpl.find('paper-radio-button').checked;
JobTypes.update({_id: id}, {
$set: {
isChecked: checked
}
});
客户端:
Meteor.publish('jobTypes', function(){
return JobTypes.find();
});
//when server starts up, insert these records:
if (JobTypes.find().count() === 0) {
//Job Types
JobTypes.insert({
name: 'Full Time',
isChecked: false
});
JobTypes.insert({
name: 'Part Time',
isChecked: false
});
JobTypes.insert({
name: 'Contract',
isChecked: false
});
JobTypes.insert({
name: 'Freelance',
isChecked: false
});
JobTypes.insert({
name: 'Intern',
isChecked: false
});
}
Meteor.subscribe('jobTypes');
<paper-radio-group selected="small">
{{#each jobTypes}}
<paper-radio-button name={{name}} {{isChecked}}>{{name}}</paper-radio-button>
{{/each}}
</paper-radio-group>
isChecked: function() {
return this.name ? 'checked' : '';
}
'click [name=name]' : function(e, tmpl) {
var id = this._id;
var checked = tmpl.find('paper-radio-button').checked;
JobTypes.update({_id: id}, {
$set: {
isChecked: checked
}
});
HTML:
Meteor.publish('jobTypes', function(){
return JobTypes.find();
});
//when server starts up, insert these records:
if (JobTypes.find().count() === 0) {
//Job Types
JobTypes.insert({
name: 'Full Time',
isChecked: false
});
JobTypes.insert({
name: 'Part Time',
isChecked: false
});
JobTypes.insert({
name: 'Contract',
isChecked: false
});
JobTypes.insert({
name: 'Freelance',
isChecked: false
});
JobTypes.insert({
name: 'Intern',
isChecked: false
});
}
Meteor.subscribe('jobTypes');
<paper-radio-group selected="small">
{{#each jobTypes}}
<paper-radio-button name={{name}} {{isChecked}}>{{name}}</paper-radio-button>
{{/each}}
</paper-radio-group>
isChecked: function() {
return this.name ? 'checked' : '';
}
'click [name=name]' : function(e, tmpl) {
var id = this._id;
var checked = tmpl.find('paper-radio-button').checked;
JobTypes.update({_id: id}, {
$set: {
isChecked: checked
}
});
事件js:
Meteor.publish('jobTypes', function(){
return JobTypes.find();
});
//when server starts up, insert these records:
if (JobTypes.find().count() === 0) {
//Job Types
JobTypes.insert({
name: 'Full Time',
isChecked: false
});
JobTypes.insert({
name: 'Part Time',
isChecked: false
});
JobTypes.insert({
name: 'Contract',
isChecked: false
});
JobTypes.insert({
name: 'Freelance',
isChecked: false
});
JobTypes.insert({
name: 'Intern',
isChecked: false
});
}
Meteor.subscribe('jobTypes');
<paper-radio-group selected="small">
{{#each jobTypes}}
<paper-radio-button name={{name}} {{isChecked}}>{{name}}</paper-radio-button>
{{/each}}
</paper-radio-group>
isChecked: function() {
return this.name ? 'checked' : '';
}
'click [name=name]' : function(e, tmpl) {
var id = this._id;
var checked = tmpl.find('paper-radio-button').checked;
JobTypes.update({_id: id}, {
$set: {
isChecked: checked
}
});
我的问题是,当我查看html页面时,所有内容都会被检查。数据库也没有更新。我的代码中有错误吗?刚刚发生在我身上,最简单的解决方案是:
"click .radio-red": function(event,template) {
template.$(".radio-green").attr("checked",false);
},
"click .radio-green": function(event,template) {
template.$(".radio-red").attr("checked",false);
}
这是由meteor触发的聚合物组件中的一个bug,它只发生在我从隐藏加载组件时。显示:无或由meteor模板(空格键)呈现。此错误已在github中列出。是否应该这样:
name={{{name}
是:name=“{{name}}”
?不确定Meteor中关于HTML元素属性的数据绑定是如何工作的。