data-binding - 纸元素之间状态的数据绑定(bind)

Question

是否可以将纸张复选框的状态(属性)[选中|未选中]动态绑定(bind)到纸张输入元素内的[只读|禁用]等属性？到目前为止，这是我的实现:

<template repeat="{{item in lphasen}}">
  <div center horizontal layout>
    <paper-checkbox unchecked on-change="{{checkStateChanged}}" id="{{item.index}}"></paper-checkbox>
      <div style="margin-left: 24px;" flex>
        <h4>{{item.name}}</h4>
      </div>
      <div class="container"><paper-input disabled floatingLabel id="{{item.index}}" label="LABEL2" value="{{item.percent}}" style="width: 120px;"></paper-input></div>
  </div>
</template>

行为应该如下:当用户取消选中纸张复选框时，同一行中的纸张输入元素应该被禁用和/或只读，反之亦然。是否可以直接用双 mustache 绑定(bind)多个元素，或者我是否必须以某种方式迭代 DOM 以手动设置 paper-input 元素上的属性？如果是，有人可以解释如何吗？

Answer 1

另一种绑定(bind)纸质复选框选中状态的方法。

<polymer-element name="check-input">
<template>
    <style>
    #checkbox {
      margin-left: 1em;
    }
    </style>
    <div center horizontal layout>
        <div><paper-input floatingLabel label="{{xlabel}}" value="{{xvalue}}" disabled="{{!xenable}}" type="number" min="15" max="200"></paper-input></div>
        <div><paper-checkbox id="checkbox" label="Enable" checked="{{xenable}}"></paper-checkbox></div>
    </div>
</template>
<script>
Polymer('check-input', {
  publish:{xenable:true, xvalue:'',xlabel:''}
});
</script>
</polymer-element>
    <div>
       <check-input xenable="true" xvalue="100" xlabel="Weight.1"></check-input>
       <check-input xenable="false" xvalue="185" xlabel="Weight.2"></check-input>
   </div>

jsbin 演示 http://jsbin.com/boxow/