Question

我正在尝试使用纯聚合物创建注册页面。我使用纸质复选框让用户检查并同意使用条款。我的意图是只显示提交按钮，（纸张按钮），如果用户已经检查了用户协议。我只是想知道是否有一种方法可以使用纯聚合物而不是java脚本来实现这一点。我知道paper-checkbox有一个名为“checked”的布尔属性。我想我可以在提交按钮中访问此属性并在选中false时禁用该按钮。

这是我拥有的，但它不起作用

<paper-checkbox id="checkbox" checked$="{{ checked }}"> I agree user terms
</paper-checkbox>
<paper-button raised disabled$="{{ checked }}" onclick="submitForm()">Create  
ID</paper-button>

Answer 1

将代码包裹在dom-bind中，并反转已禁用的绑定。此外，您希望绑定到元素property而不是attribute，因此您可能会丢失美元符号：

<template is="dom-bind">
  <paper-checkbox id="checkbox" checked="{{checked}}"> I agree to user terms</paper-checkbox>
  <paper-button raised disabled="[[!checked]]" on-click="submitForm">Create ID</paper-button>
</template>

聚合物纸复选框属性

1 个答案: