聚合物纸张切换按钮跳回到未经检查

Question

我安装了聚合物纸张 - 切换按钮元件，并将其用作：

<paper-toggle-button></paper-toggle-button>

看起来应该如此，但是当我点击它时，它不会切换。当我拖动并放开时，它会跳回来。来自bower_components的paper-toggle-button / demo / index.html中的按钮也是如此。 我是否会错过其他依赖项或让我实现一个onclick处理程序来自己切换checked属性？

Answer 1

试试这个：

<div class="line"><span>No</span><paper-toggle-button on-change="_toggleChanged" checked class="orange"></paper-toggle-button><span>Yes</span></div>

然后处理更改：

_toggleChanged: function(event){ if(event.target.checked){ console.log('i was toggled:' +event.target.checked)};

Answer 2

安装纸质元素我使用了凉亭的Polymer catalog's下载选项。这是：

bower install --save PolymerElements/paper-toggle-button#^1.0.0

我认为它摒弃了与它不兼容的新版本的依赖项。然后我试了一下：

bower install --save PolymerElements/paper-toggle-button

和bower让我选择一个版本：

 2) paper-toggle-button#~1.0.11 which resolved to 1.0.11

现在一切正常。