Polymer SPA架构

Question

我想创建Polymer单页面应用程序。布局很常见：带有可用页面列表的导航抽屉和带有工具栏（标题）和主要内容的主要部分。分页是用霓虹动画页面制作的。

问题是：如何正确设计此用例的应用程序结构和元素交互？子页面（由neon-animated-pages元素显示）如何影响主布局文件？

例如，我想根据当前选择的页面更改标题工具栏上的文本（它位于index.html中）。假设我有page-main和page-auth元素。它们都具有属性pageTitle，我希望当前所选页面中的此文本显示在标题中。

Answer 1

管理跨一系列特定于站点的自定义元素的数据共享有两种常见选项：

1. 创建一个包含网站数据和元素的<my-app>元素。
2. 使用<template is="dom-bind">启用元素间的数据绑定。

如果您拥有其中任何一个，则可以将pageTitle公开为属性或属性，并将其绑定到标题工具栏内容。

Answer 2

您将创建一个包装元素，其中包含您的用户当前所在的当前页面/状态。当用户切换视图时，应该通知包装器，我们将调用此变量＆＃34; A＆＃34;，它将显示所选视图以及显示正确的文本。