Week 23 | Array Selector

polymer 1.0
Mon Feb 06 2017

Array Selector is the last binding helper element we’ll go over covering the biggest part of the whole framework’s documentation concerning data binding.

<array-selector id="selector" items="{{messages}}" 
        selected="{{selected}}" multi toggle></array-selector>

 

toggleSelection: function(e) {
            var item = this.$.messageList.itemForElement(e.target);
            this.$.selector.select(item);
          }

 

In the following example we can select/deselect items in the array-selector that will handle the state of our items.

Full Stack Weekly Newsletter

A free weekly newsletter for full stack web developers!