聚合物，紙張按鈕，發送參數on-tap作品，但有時不是

Question

我有幾個按鈕，像波紋管，所有包裝dom-if模板一樣。

<teplate is="dom-if" if="{{google}}"> 
    <paper-button on-tap='_signIn' arg="#google">...<div></div><paper-button> 
</template> 
..... 
<paper-button on-tap='_signIn' arg="#facebook">...<div></div><paper-button> 
<paper-button on-tap='_signIn' arg="#twitter">...<div></div><paper-button> 

...... 
_signIn: function(e) { 
console.log(e.target.getAttribute("arg")); 
} 

由於參數的價值，我需要使用自己的憑證登錄/註冊。 我隨機點擊這些按鈕，結果有時：null。控制檯日誌如下所示：

#google 
#facebook 
#google 
null 
null 
null 
#facebook 
#facebook 
#facebook 
#twitter 
null 

所以需要穩定的結果。任何幫助或建議將不勝感激。

Answer 1

點擊裏面paper-button的div將導致空明顯..因爲div有沒有arg屬性和調用e.target回報div。你應該沒有任何子元素，如顯示紙按鈕：

<paper-button on-tap='_sigIn' arg="#google">Click me</paper-button> 

或作出將循環throught父母的功能，直到它找到給定的屬性。對於此，我使用：

getAttr: function(e,attr) { 
    elem = e.target; 

    while (elem.parentNode != undefined) { 
     if (elem.getAttribute(attr) != undefined) { 
      return elem.getAttribute(attr); 
     } 
     elem = elem.parentNode; 
    } 
}, 

所以，你的函數_signIn可以看起來像：

_sigIn: function(e) { 
    var value = this.getAttr(e, "arg"); 
    console.log(value); 
}