title: Polymer 1.0 data binding on custom element for pagination
body: <p>I am learning Polymer to make a small single page app.
  I would like to manage pagination as it is done in the Polymer starter kit, but without using the  <strong>template dom-bind</strong> (because I need one later in the page, and we cannot have one nested in another).</p>
  
  <p>So, I tried to make my own custom element in order to bind its attribute "route" to the <strong>iron-pages</strong> element. But, as you can imagine, it did not work. </p>
  
  <p>So I tried to make data binding work in a small example. As shown in the "Quick Tour of Polymer", I have made a custom element in "pagination-element.html" : </p>
  
  <pre><code>&lt;link rel="import" href="../bower_components/polymer/polymer.html"&gt;
  
  &lt;script&gt;
    Polymer({
      is: "pagination-element",
      properties:{
        route : {type:String, value:"/", notify : true}
      }
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>and using it in my page (I have checked that <em>pagination-element.html</em> is imported) : </p>
  
  <pre><code>&lt;pagination-element id="app" route="/"&gt;
      &lt;paper-input label="{{ route }}"&gt;&lt;/paper-input&gt;
  &lt;/pagination-element&gt;
  </code></pre>
  
  <p>Then, I tried to get the "route" value with an other Polymer custom element, but it only displays me "{{route}}" on my page.</p>
  
  <p>I think I have not understood how data binding works...</p>
  
  <p>Can anyone help me ?</p>
  
  <p>Thanks a lot !</p>
  
  <p>Have a good day</p>