添加班級到聚合物元素

Question

每次選中我的模板中的複選框，我想添加一個班級到我的聚合物元素或更改聚合物元素的屬性。

由於我的元素使用label for屬性，我綁定的複選框的ID在我的標記實例化元素時

<label for="{{uniqueid}}" on-tap="{{toggle}}" /> 
    <input type="checkbox" id="{{uniqueid}}" class="select" checked="{{checker}}"> 
    <img src="{{image}}" alt="" class="prod-img"> 
    <div class="grid-details"> 
    <span>{{designer}}</span> 
    <span>{{product}}</span> 
    <span>{{currency}} {{price}}</span> 
    <span>Shipped from {{info}}</span> 
    </div> 
</label> 

我會再打電話像這樣

<gmselect-element uniqueid="four" image="http://i.imgur.com/fkq1QKq.jpg" designer="CUCARELIQUIA" product="Castellano Suede Bag Redder" info="Gijon, Spain" price="650" currency="$"></gmselect-element> 

我切換元素功能看起來像下面

toggle: function() { 
    this.$.grid.setAttribute("class", "grid true"); 
    this.setAttribute("selected", "true"); 
    } 

但是，instea在這裏將它設置爲true，我想檢查複選框的選中屬性的值。由於ID不是靜態的，我不能使用$功能獲取元素。我也不知道如何逃避鬍鬚中的數據綁定，以在方法中獲得它的價值。

Answer 1

您已將checked的值綁定到{{checker}}，因此您應該只能參考toggle函數中的this.checker。

如果需要，還可以從事件中獲取模型數據。請參閱：

https://www.polymer-project.org/1.0/docs/devguide/data-binding

Answer 2

this.$.grid.classList.add('classname') 

this.$.grid.classList.remove('classname')