基于纸张切换按钮状态切换显示/隐藏div

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

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

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

否则，Polymer无法识别对象的变化！

Answer 2

更改事件函数以引用“ au.project.current”的“ this”插图

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