Question

由于Polymer 1.0我无法根据paper-toggle-button的状态切换（显示/隐藏）div。这不再适用了：

<paper-toggle-button checked$="{{_renderBool(prj.ke.manual)}}"
                           on-change="_onManualChanged"></paper-toggle-button>
<div hidden$="{{!prj.ke.manual}}">Test</div>
...
Polymer({
  is: 'test-view',
  properties: {
    prj: {
      type: Object,
      notify: true,
      value: function () { return { }; }
    }
  },
  ready : function () { ... },
  _onManualChanged : function (e) {
    au.projects.current.ke.manual = e.currentTarget.checked;
  },
  ...
  });
</script>
</dom-module>

有没有人有这方面的工作实例？

Answer 1

正确的方法是使用Polymer触发this.set通知系统。对象的修改函数应该写成：

  _onManualChanged : function (e) {
    this.set('prj.ke.manual', e.currentTarget.checked);
  },

否则Polymer没有识别出物体的变化！

Answer 2

将事件功能更改为参考＆＃34;此＆＃34;不知道＆＃34; au.project.current＆＃34;

_onManualChanged : function (e) {
  this.ke.manual = e.currentTarget.checked;
},

根据纸张切换按钮状态切换显示/隐藏div

2 个答案: