Polymer 1.0 paper-radio-button在Meteor中不起作用

时间:2015-07-06 19:05:12

标签: javascript meteor polymer meteor-blaze polymer-1.0

我用流星和聚合物创造一个简单的形式。不完全确定如何正确实现聚合物paper-radio-button。在页面上,检查所有无线电。这是我的设置:

流星服务器:

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');

HTML:

<paper-radio-group selected="small">
  {{#each jobTypes}}
    <paper-radio-button name={{name}} {{isChecked}}>{{name}}</paper-radio-button>
  {{/each}}
</paper-radio-group>

助手js:

isChecked: function() {
    return this.name ? 'checked' : '';
  }

事件js:

'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页面时,所有内容都会被检查。此外,数据库未更新。我的代码中有任何错误吗?

1 个答案:

答案 0 :(得分:0)

刚好发生在我身上,最简单的解决方案就是:

"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触发的Polymer组件中的一个错误,它只在我从隐藏时加载组件时发生。显示:无或由流星模板(空格键)呈现。此错误已在github中列出。