Polymer 1.0 纸质无线电组条件

Question

我无法在 Polymer 1.0 中选择按钮时触发函数。从本质上讲，例如，选择"medium"时，应弹出警报。我是 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 纸质无线电组条件

Polymer 1.0 Paper Radio Group Conditions

javascript

polymer

polymer-1.0