聚合物條件屬性

Question

當試圖與conditional attribute

<polymer-element name="hover-button" extends="paper-button" hover?="{{hover}}" attributes="hover"> 

我運行到以下錯誤

Uncaught InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': 'hover?' is not a valid attribute name. 

仍然在聚合物0.5定義的元素。 下面是完整的代碼：

<polymer-element name="hover-button" extends="paper-button" hover?="{{hover}}"> 
<template> 
    <shadow></shadow> 
</template> 

<script> 
    (function(){ 
     Polymer('hover-button', { 
      ready: function(){ 
       this.addEventListener('mouseover', function(){ this.hover = true; }.bind(this)); 
       this.addEventListener('mouseout', function(){ this.hover = false; }.bind(this)); 
      }, 
      activeChanged: function(){ /* foo */ }, 
      hoverChanged: function(){ /* bar */ } 
     }); 
    })(); 
</script> 
</polymer-element> 

Answer 1

不能在<polymer-element>本身使用數據綁定功能。此外，<polymer-element>（屬於attribute屬性不是屬性的一部分）上聲明的屬性默認情況下會添加到元素的實例中，我懷疑這是錯誤來自的地方