如何将JavaScript DOM API添加到Polymer元素中？

Question

我希望我的元素具有特定的JavaScript API。例如HTMLInputElement具有checked属性的{{1}}，我希望我的元素具有一个属性，您只能为其设置二进制值，并且我有回调更改。

Answer 1

这在documentation中有详细描述。

使用prototype构造函数在元素Polymer()上定义属性和方法。

Polymer('my-element', {
  name: 'Mohsen',
  isChecked: false,
  isCheckedChanged: function() {
    console.log('I am checked?', this.isChecked);
  },
  ...
});

要将属性定义为布尔值，请确保hint its type。

<prop>更改时，<prop>Changed观察者会收到通知。