Polymer 1.0 test for nested templates

by gabriela b

HTML

<script src="https://elements.polymer-project.org/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="https://raw.githubusercontent.com/Polymer/polymer/master/polymer.html">
<dom-module id="button-id">
    <template>
  
  changedValue : {{changedValue}}
  selectedId : {{selectedId}}
  
		<paper-button on-click="changeIdValue" type="button" value="button1" id="{{selectedId}}"> CLICK BUTTON </paper-button>

    </template>
    
       
</dom-module>

<button-id selected-id="1" changed-value="0">
</button-id>
<br>
<button-id selected-id="2" changed-value="0">
</button-id>

JavaScript

Polymer({
    is: "button-id",
    properties: {
          	selectedId : {
						type: String
					},
          changedValue : {
          type: String
          }
    },
    
    ready: function () {
        //...
    },
    
   	changeIdValue : function(e){
				document.querySelector('button-id').changedValue = this.selectedId;
				alert(e.model.val);
			},
});