приложение-маршрутизатор навигация не работает

Question

У меня есть эта простая настройка:

индекс:

<app-router> 
    <app-route path="/home" element="home-element" bindRouter></app-route> 
    <app-route path="/test" element="test-element" bindRouter></app-route> 
</app-router> 

тест-элемент:

<dom-module id="test-element"> 
    <template > 
     <a href="#/home">Home</a> 
    </template> 
    <script> 
     addEventListener('WebComponentsReady', function() { 
      Polymer({ 
       is: "test-element" 
      }); 
     }); 
    </script> 
</dom-module> 

И дом-элемент просто говорит "привет мир" Моя проблема заключается в том, что URL-адрес обновляется, но страница не изменяется. Также, когда я набираю URL-адрес непосредственно в браузере, мне нужно дважды нажать «ввести», чтобы он обновился, чтобы он работал.

Это ошибка? app-controller не работает с полимером 1.x? Или я делаю что-то неправильно?

Answer 1

Для последнего выпуска полимера вы можете использовать dna-router. Он работает с Polymer 1.x. Вы можете определять состояния, маршруты и представления только в HTML.

Для состояния

<dna-new-state state='home' route='/home/:id'></dna-new-state> 

Для представлений

<dna-view 
state='home' 
element='home-template'></dna-view> 

Для получения дополнительной информации посетите: https://github.com/Saquib764/dna-router

Наслаждайтесь :)