Полимерное приложение-маршрут, как направить на новую страницу в том же приложении

Question

Я пытаюсь перейти на новую страницу (т.е. когда я нажимаю на кнопку, она должна открыть новую страницу в приложении)

Это первая страница

<dom-module id="project-view">
<template>
            <app-location route="{{route}}" use-hash-as-path></app-location>
            <app-route 
             route="{{route}}" 
             pattern="/:name" 
             data="{{routeData}}" 
             tail="{{subroute}}">
            </app-route>

         <iron-selector selected="[[routeData.name]]" attr-for-selected="data-page">
           <a class="btn" data-page="Project" href="#/Project">Go to create project</a>
          </iron-selector>

            <iron-pages selected="[[routeData.name]]" attr-for-selected="name">
                <create-project name="Project" route="{{subroute}}"></create-project>
                </iron-pages>
        </main>
    </div>

    <div>

    </div>


</template>
<script>
    Polymer({
        is: 'project-view',
});
</script>
</dom-module>

поэтому теперь, когда я нажимаю кнопку "Перейти к созданию проекта", создание проекта открывается на той же странице, а не на новой странице. URL-адрес меняется на /#/Project, но он открывает страницу создания проекта сразу под текущей страницей

где create-project - это просто страница HTML-формы. Я хочу открыть проект создания таким образом, чтобы на странице отображался только контент создания проекта, а не слияние содержимого предыдущей страницы со страницей создания проекта.

Могу ли я перейти к созданию проекта? Есть ли что-то, что я пропускаю, или это вообще возможно?

Answer 1

Полимера app-route разработан таким образом, чтобы работать с "одностраничным приложением" или SPA. Вы можете создать ссылку или кнопку, чтобы показать полностью отдельную страницу, если хотите, без хеша. /my-separate-page, Но вы потеряете все из памяти в своем оригинальном приложении на основе полимеров.