Polymer Starter Kit с неоновыми анимированным-страницами

Question

Я вижу великий polycasts # 25: https://www.youtube.com/watch?v=wMhq1o0DULM

Это работает отлично, но я хочу использовать что-то подобное с Polymer Starter Kit, но в ФМне они используют железо-страницу с маршруты (которые, я думаю, являются лучшими практиками, не так ли?), но я так новичок: (и я не могу совмещать железные страницы с неоновыми анимированными страницами :(у вас есть пример или руководство для реализации что?

спасибо ....

Answer 1

Существует теперь recipe делать только, что в хранилище Polymer Starter Kit.

Если вы хотите рабочий пример такой интеграции, вы можете найти один здесь (на основе полимеров Starter Kit v1.2.3): https://github.com/vguillou/polymer-starter-kit/tree/neon-animated-pages-basic

Answer 2

Просто замените гладить-страницы:

<iron-pages selected="[[page]]" attr-for-selected="name"> 
    <my-view1 name="view1"></my-view1> 
    <my-view2 name="view2"></my-view2> 
</iron-pages> 

с неоновой анимированный-страницы и выбрал ваш вход и выход анимации:

<neon-animated-pages selected="[[page]]" attr-for-selected="name" fallback-selection="404" entry-animation="slide-from-bottom-animation" exit-animation="fade-out-animation"> 
    <my-view1 name="view1"></my-view1> 
    <my-view2 name="view2"></my-view2> 
</neon-animated-pages> 

Установка неоновой-анимации с bower install --save PolymerElements/neon-animation

Включить элементы:

<link rel="import" href="../bower_components/neon-animation/neon-animated-pages.html"> 
<link rel="import" href="../bower_components/neon-animation/animations/slide-from-bottom-animation.html"> 
<link rel="import" href="../bower_components/neon-animation/animations/fade-out-animation.html"> 

И вы хорошо идти.