切换禁用纸张按钮的属性

Question

我有paper-button（发送按钮），它与多个paper-input字段/元素相关。 只要用户填写所有相关的paper-input字段/元素（ newEmail 和 passwd ），就应该停用paper-input按钮。

这是元素的重要部分

  <gold-email-input id="newEmail"
                    label="Email"
                    no-label-float required>
  </gold-email-input>

  <paper-input id="passwd"
               type="password"
               label="Password"
               no-label-float required>
  </paper-input>

  <div class="buttons">
    <paper-button dialog-dismiss>Cancel</paper-button>
    <paper-button dialog-confirm autofocus
                  disabled$="[[isInputEmpty($$.newEmail.value, $$.passwd.value)]]"
                  on-tap="changeEmail"
                  class="default">Save</paper-button>
  </div>

函数禁用$ =“[[isInputEmpty（$$ .newEmail.value，$$ .passwd.value）]]”在newEmail.value或passdw时不会被调用。价值变化。

这是JavaScript部分：

  isInputEmpty (email, pass) {
    if (email.length === 0 || pass.length === 0) return true;
    return false;
  }

在 true 和 false 之间切换属性已禁用的正确实施是什么？

Answer 1

1. 192.168.10.2实际上是property of <paper-button>（不是属性），因此您应该不使用attribute-binding syntax（即{{1} }}）。

   disabled

2. 您尝试在绑定中传递$=和<!-- don't do this --> <!-- <paper-button disabled$="[[isInputEmpty(...)]]"> --> <paper-button disabled="[[isInputEmpty(...)]]"> 的值，但您没有使用正确的语法。您必须将这些输入中的值绑定到您将作为计算绑定中的参数传递的属性中：

   newEmail