Question

我有一个聚合物 - 无线电 - 组和纸 - 复选框的条件（if）。实际上，当选择某个收音机并选中复选框时，会显示一个值。我想要的是，当首次选择收音机时，复选框会返回一个值。见代码：

<dom-module id="my-app">
  <template>
    <paper-radio-group selected="{{selection}}">
      <paper-radio-button name="a">A</paper-radio-button>
       <paper-radio-button name="b">B</paper-radio-button>
    </paper-radio-group>
    <paper-item>
        <paper-item-body>
          Foo
        </paper-item-body>
        <paper-checkbox id="checkbox" label="Enable" checked="{{alpha_checked}}"></paper-checkbox>
  </template>
  <script>
    Polymer({
        is: "my-app",
        properties: {
          selection: {
            type: String,
            observer: "selectionChanged"
          },
          alpha_checked: {
            observer: "selectionChanged"
          }
        },
        selectionChanged: function (newval, oldval) {
          if ( newval === "b" && this.alpha_checked === true ) {
             alert("You have selected 'B' and ticked 'Foo'.");
          }
  </script>
</dom-module>

如果我勾选“Foo”然后选中“A”，则会显示警报，但如果相反，则不会发出警报。 if语句有问题吗？

Answer 1

我喝了一杯咖啡，看到了解决方法：

selectionChanged: function () {
   if ( this.selection === "b" && this.alpha_checked === true ) {
      alert("You have selected 'B' and ticked 'Foo'.");
}

希望有人在将来发现这有用。

Polymer 1.0条件首先反向工作

1 个答案: