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

Question

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

Answer 1

这在documentation中有详细描述。

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

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

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

使用<prop>Changed观察者在<prop>更改时收到通知。