title: Nested iron-pages (Polymer1.0)
body: <pre><code>&lt;iron-pages attr-for-selected="data-route" selected="{{route}}"&gt;
      &lt;section data-route="home"&gt;
          &lt;paper-material elevation="1"&gt;
              &lt;bortini-home&gt;&lt;/bortini-home&gt;
          &lt;/paper-material&gt;
      &lt;/section&gt;
  
      &lt;section data-route="tv"&gt;
          &lt;paper-material elevation="1"&gt;
              &lt;iron-pages attr-for-selected="data-route" selected="{{route}}"&gt;
                  &lt;section data-route="tvList"&gt;
                      &lt;paper-material elevation="1"&gt;TV list&lt;/paper-material&gt;
                  &lt;/section&gt;
                  &lt;section data-route="tvAdd"&gt;
                      &lt;paper-material elevation="1"&gt;TV Add&lt;/paper-material&gt;
                  &lt;/section&gt;
                  &lt;section data-route="tvEdit"&gt;
                      &lt;paper-material elevation="1"&gt;TV edit&lt;/paper-material&gt;
                  &lt;/section&gt;
                  &lt;section data-route="tvView"&gt;
                      &lt;paper-material elevation="1"&gt;TV details&lt;/paper-material&gt;
                  &lt;/section&gt;
              &lt;/iron-pages&gt;
          &lt;/paper-material&gt;
      &lt;/section&gt;
  
      &lt;section data-route="users"&gt;
          &lt;paper-material elevation="1"&gt;
              &lt;h2 class="paper-font-display2"&gt;Users&lt;/h2&gt;
  
              &lt;p&gt;This is the users section&lt;/p&gt;
              &lt;a href="/users/Rob"&gt;Rob&lt;/a&gt;
          &lt;/paper-material&gt;
      &lt;/section&gt;
  
      &lt;section data-route="user-info"&gt;
          &lt;paper-material elevation="1"&gt;
              &lt;h2 class="paper-font-display2"&gt;
                  User:&lt;span&gt;{{params.name}}&lt;/span&gt;
              &lt;/h2&gt;
  
              &lt;div&gt;This is &lt;span&gt;{{params.name}}&lt;/span&gt;'s section&lt;/div&gt;
          &lt;/paper-material&gt;
      &lt;/section&gt;
  
      &lt;section data-route="contact"&gt;
          &lt;paper-material elevation="1"&gt;
              &lt;h2 class="paper-font-display2"&gt;Contact&lt;/h2&gt;
  
              &lt;p&gt;This is the contact section&lt;/p&gt;
          &lt;/paper-material&gt;
      &lt;/section&gt;
  
  &lt;/iron-pages&gt;
  </code></pre>
  
  <p>Also my route looks like -</p>
  
  <pre><code>window.addEventListener('WebComponentsReady', function () {
  
      // We use Page.js for routing. This is a Micro
      // client-side router inspired by the Express router
      // More info: https://visionmedia.github.io/page.js/
      page('/', function () {
          app.route = 'home';
      });
  
      page('/tv', function () {
          app.route = 'tvAdd';
      });
  
      page('/tvAdd', function () {
          app.route = 'tvAdd';
  
      });
  
      page('/users', function () {
          app.route = 'users';
      });
  
      page('/users/:name', function (data) {
          app.route = 'user-info';
          app.params = data.params;
      });
  
      page('/contact', function () {
          app.route = 'contact';
      });
  
      // add #! before urls
      page({
          hashbang : true
      });
  
  });
  </code></pre>
  
  <p>I am using "page.js" for routing.</p>
  
  <p>When I press "tv" menu, it should show "tvAdd", but it just shows empty screen.</p>
  
  <p>Thanks in advance.</p>