问题标签 [iron-pages]

我正在使用 iron-pages 和 page.js 在polymer.js 中实现一个简单的路由应用程序，但这不起作用。

一切似乎都很好，但这不起作用。

我想显示当前所选页面的数量和铁页中所有页面的数量（例如“第 1 页，共 100 页”）。

获得前者很容易，因为您可以查找selected-changed事件。对于后者，我不知道如何获得它。我正在考虑在 中获取子元素的数量iron-pages，但这似乎并不可靠。

我对 Iron-pages 和 app-route 不是很好，所以我会尽力解释这一点。

我正在构建一个 Web 应用程序，其中内置了两个主要的“应用程序”——常规用户界面和管理仪表板。所以很自然地，我想要两条不同的主要“路径”：/admin和/home

管理仪表板中应该有一个抽屉，我可以在其中从“类别”列表中进行选择，并在选择类别后加载特定视图。示例/admin/users将加载将加载用户列表的视图。单击列表页面上的项目后，会显示一个详细信息部分。例子/admin/user/UserA

到目前为止，这是我的结构。demo-app 具有包含 HomePage 和 AdminPage 的 Iron-pages。AdminPage 也有包含 ListView 和 DetailView 的铁页。

我可以进入管理页面，但是从“类别”列表中选择后，该路线无法启动。我的代码基于 Shop Demo

演示应用

演示管理员

演示列表

编辑 我可能会做一些事情......

进而

不确定这是否是正确的方法？如果我有一个包含 3 个以上子路由的 url，我觉得这会变得非常麻烦

编辑 2

我正在使用GWT 2.8.2版和gwt-polymer-elements 1.7.0.0版来创建我的应用程序。我需要具有可切换内容的选项卡，这些选项卡可以在同一页面上多次同时出现。我尝试通过结合使用 PaperTabs 和 IronPages 来实现这一点。

我添加了自定义 UiBinder。

我将 div 动态添加到 ironPages：

替换ironPages.add(new HTML("<div>" + outerBox + "</div>"));为：

其中每个外框定义如下：

类似地生成新的纸张标签：

处理程序

它在第一次加载页面时起作用。当我在不同页面之间导航时，复合小部件会失去其功能。单击 ironPages 中的 paperTab 或复选框时，它们就会消失。似乎小部件正在被清除并丢失所有子元素。

有没有人有什么建议？有什么我想念的吗？

我想用 Polymer 2.0 实现以下目标：

预期行为：每次我访问页面 /negotiating-view/{id} 时，所有输入组件（单选按钮）都将被取消选中。 实际行为：每次我访问页面时，单选按钮都会有以前填写的值，除非我按“刷新”。

我最初的想法是通过构造函数或 ready 方法清除单选按钮。但是，只有在我第一次访问该页面时才能使用这些方法。所以对我来说，它看起来像是一次渲染组件并保留任何值。

在我的应用程序组件中，我使用铁页：

用js：

由聚合物 init 提供。可以通过例如market-view纸张按钮访问协商视图（简单的锚标记具有相同的结果）

与协商视图相比，我有以下单选按钮，在第一次访问后仍处于选中状态：

我真正想要的是每次我渲染协商视图组件时，它都会清除字符串selectedSubs。

谢谢你的时间 ：）

我在应用程序路由方面遇到问题（主要是因为我不明白）。我遇到的具体问题是更改 url/route。我正在使用iron-selectoron anapp-drawer来更改iron-page视图。视图正在切换，但 url 没有更新。另一个问题是，在我的一个观点中，我需要切换到详细视图（想想 /events -> /event/:id）。我不确定在视图中更改视图的正确方法。

说够了 - 让我们看一些代码

应用程序的结构如下：

my-app有一个 Iron-pages 元素，用于保存login-page、admin-portal和. 的视图user-portal。admin-portal并且user-portal每个都有iron-pages,view1等view2。

用户门户

user-clinic-list-view 在这个视图中，我有iron-list一个按钮，需要带我去，user-clinic-view但我将路线更改为类似/event/:id

我努力了<a href="/user/event/:id"></a>

我也试过

这似乎是一个非常基本的 Web 应用程序，但 Polymer 中的路由非常混乱，并且没有深度路由的示例。我见过的每个示例都只有 1 层深（例如入门套件）。

路由的一些最佳实践是什么？

我正在使用以下教程：https ://vaadin.com/components/vaadin-tabs/html-examples/tabs-advanced-demos

这是我的自定义元素：

我正在向我的 UI 动态添加 vaadin 选项卡和后续的铁页。我能够成功呈现选项卡，但无法显示我的自定义元素 bps-device-container。这是我的 bps-device-container 元素：

使用 Chrome 开发者工具，我得到了以下信息：

即使我尝试更改样式标签中的尺寸，为什么高度仍然为 0？我尝试了各种方法，但无法显示页面。

我是 Polymer 的新手，我的所有应用程序都使用了 Polymer 2.0 Starter Kit 模板。我的大多数应用程序都非常相似——登录页面根据用户角色（通常是管理员或用户）将您重定向到不同的门户。门户具有app-drawer不同的视图设置，通过iron-pages.

我当前的流程复制了my-app每个“门户”中的模板。我只是不确定这是否是正确的方法。我会进一步解释。

使用my-app带有 iron-pages 的入门工具包中的原样加载login-view、admin-portal和用户门户，默认为login-view.

用户登录后，应用程序将加载admin-portal或user-portal取决于哪个用户已登录。

两者admin-portal都user-portal具有与 my-app 非常相似的结构，具有app-drawer然后iron-pages加载特定于管理功能或用户功能的视图。我主要想知道这是否是最佳实践——因为你总是有一个嵌套的iron-pages. 有没有抽象的login-view？

代码：

my-app - 开箱即用的模板

admin-portal - 同样，与开箱即用模板基本相同

登录视图

我一直坚持在聚合物 3 中实现路由。我遵循了app-route文档中提供的基本指南。但是在加载网页时，我没有看到任何组件被加载。我签入shadow DOM并没有看到任何 DOM 被渲染。不知道我错过了什么。这是代码。

我没有看到很多关于 Polymer 3 的文档可用于检查问题。在浏览了 Polymer 默认示例 Web 应用程序后，我遇到了一些合适的解决方案。我想与社区分享任何需要帮助的人。

我已经开始学习 Polymer 和 lit-element 并且正在研究活动和非活动状态网格，我在其中使用了带有铁页的纸质标签。

问题：当我在 之间切换时paper-tabs，iron-selected该类正在添加到paper-tab链接中，但没有添加到iron-pages内容中。

如何使iron-selected课程与iron-pages内容一起使用？

任何解决方案都会很棒！