Question

在Polymer 1.0中选择按钮时，我无法触发功能。基本上，例如，当选择“中”时，应弹出警报。我对Polymer非常陌生，并试图了解它。

<dom-module id="my-app">
    <template>
      <paper-radio-group selected="{{selection}}">
        <paper-radio-button name="small" label="Small"></paper-radio-button>
        <paper-radio-button name="medium" label="Medium">Meduim</paper-radio-button>
        <paper-radio-button name="large" label="Large"></paper-radio-button>
      </paper-radio-group>
    </template>
    <script>
      Polymer({
        is: "my-app",
        ready: function () {
          if (this.selection === "medium") {
            alert("medium");
          }
        }

      });
    </script>
  </dom-module>

Answer 1

基本上，您需要连接绑定以在选择更改时通知您。首先，设置selection属性，然后定义一个观察者。只要属性值发生变化，就会调用观察者回调。

...
Polymer({
  is: "my-app",
  properties: {
    selection: {
      type: String,
      observer: "selectionChanged"
    }
  },
  selectionChanged: function (newval, oldval) {
    if (newval === "medium") {
      alert("medium");
    }
  }
});

Polymer 1.0 Paper Radio Group条件

1 个答案: