聚合物纸复选框属性

Question

我正在尝试使用纯聚合物创建一个注册页面。我使用纸质复选框让用户检查并同意使用条款。如果用户已检查用户协议，我的意图只是显示提交按钮（paper-button）。我只是想知道是否有一种方法可以使用纯聚合物而不是 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>

聚合物纸复选框属性

Polymer paper-checkbox properties

polymer