title: How to bind array from host to child
body: <p>I need to pass arrays as parameters from one tag to another. as you can see in the code im trying to pass users array of objects into child-element tag. But this doesn't work. So how to go about passing array of objects to a nested tag?
  <strong>First tag:</strong> 
      </p>
  
  <pre><code>  &lt;template&gt;
    &lt;/template&gt; 
    &lt;script&gt;
      Polymer({
        is: "name-tag",
        ready: function() {
        this.user = {{name:"name0",surname:"surname0",age:23},{name:"name1",surname:"surname1",age:15},
        {name:"name2",surname:"surname2",age:65}}
          var toLight = document.createElement('child-element');
          toLight.setAttribute("users", this.user);
          Polymer.dom(this.root).appendChild(toLight);
        }
      });
    &lt;/script&gt;
  
  &lt;/dom-module&gt;
  
  **Second tag:**
  &lt;dom-module id="child-element"&gt;
  
      &lt;template&gt;
        The prop is &lt;h1&gt;{{users.0.age}}&lt;/h1&gt; years old
        &lt;h1&gt;{{users.0.surname}}&lt;/h1&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    Polymer({
      is: 'child-element',
      properties:{
      users:{type:Object}}
    });
  &lt;/script&gt;
  
  &lt;/dom-module&gt;
  </code></pre>