问题标签 [app-route]

我试图改变我的route，到目前为止我没有发现任何问题。但是，如果您发现任何缺陷，请告诉我，我也尝试找到任何类型错误并仔细检查我的组件，到目前为止我还没有找到，但然后再次让我知道。我尝试输入我的路由 URL，它可以工作，但它显示相同的页面。它不会将我重定向到我想要的页面。我什至删除并安装了node module，但不幸的是问题仍然相同。老实说，我只是想试试我是否还能child route在 Angular 6 中使用。但无论如何我会为你提供路由模块、我的 html 组件和我的其他组件。

首先关闭我的路线模块：

我的 app.module.ts：

我的 app.component.html：

我的contact.component.html：

我的组件-detail.component.html：

最后是我的contact-description.component.html：

如果你有什么想让我补充的，请告诉我。

已阅读：https ://www.polymer-project.org/2.0/toolbox/case-study#routing 并且：https ://github.com/PolymerElements/app-route

我想我只是对如何使用子路由组件感到困惑，但是我读过的文档和示例并没有真正让我有所收获。

如果有人能为我指出房间里的大象，那就太好了。

我想达到什么目的？我有一个项目列表（称为事项），我在 my-matters.html 上显示（此页面当前调用另一个名为 things-list.html 的自定义元素，它通过列表带来） http://127.0.0.1:8081/matters

我希望能够单击其中一个并转到详细信息页面（我已经构建了这个名为 things-details.html 的模板 EG：http: //127.0.0.1 :8081/matters/123

问题：

如何处理 my-matters.html 上的路由，我的理解是，如果我添加一个按钮来点击 href /matters/123，那么 my-matter.html 页面上应该有一些应用程序路由逻辑知道关闭事项列表并打开事项详细信息？

还是我要解决这个错误并需要添加两个页面 my-matters-list.html my-matters-details.html 并在 my-app 路由中使用两者在 url /matters 下？

这是我从入门工具包中获取的代码：my-app.html

我的问题.html：`

我是 Polymer 的新手，目前正在学习Polymer 3.0。我正在尝试制作一个工作如下的应用程序：

1. 从公共 url 获取播放列表数据（使用 iron-ajax 元素）
2. 在handleResponse() 函数中处理数据，并将值分配给' playlistNames '变量。
3. 使用路由显示播放列表和歌曲

问题：（我被困在哪里）

在刷新页面时http://127.0.0.1:8081/playlist1，路由器正在加载 404 页面而不是播放列表页面，因为playlistName是空的。但是，如果我单击任何播放列表（刷新页面后），路由器正在工作。

我无法playlistNames在不同的函数“_routePageChanged”中访问更新后的数组。代码片段如下。

在handleResponse() func我得到正确的输出（带有播放列表列表的数组）。但在_routePageChanged() func'输出中是 [ ]，一个空数组。

问题：

我的理解：app-route元素在iron-ajax元素之前处理。

如何访问playlistNamesin的新值_routePageChanged？

文件：my-element.js

我正在使用polymer-3-starter-kit来自 cli 构建一个 polymer3 应用程序。它根据选定的播放列表从公共 api 中获取歌曲。

遇到以下问题：

1. 第一首歌被禁用

2. 音频似乎被缓存并且在路由更改时不会更改。

   例如：最初（或在页面刷新时），播放列表 1 被加载。当我单击 playlist2 并播放歌曲 2 时，实际上正在播放 playlist1-song2。在检查“检查元素”时，存在正确的 URL（播放列表 2-歌曲 2）。

我的歌曲.js

我的应用程序.js

提前致谢。

我正在构建一个 Polymer3 音乐应用程序，它从公共 api 获取播放列表。所有的 playlistNames 都被实现为 routerLinks。

单击时，playlistName变得粗体，但在页面重新加载时 routerLink 未突出显示（粗体）。

例如：如果我localhost:8081/playlist1在 URL 中输入，那么 playlist1 在页面重新加载时应该是粗体。

提前致谢。

同一个组件有多个路由，router-outlet 完美更新。默认情况下未加载图表，单击侧边栏时也不会最小化

但是当我刷新 url 时，只有仪表板图会加载？这是为什么？

我的主页.html：

我的 app.route.module.ts：

我在应用程序路由方面遇到问题（主要是因为我不明白）。我遇到的具体问题是更改 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 层深（例如入门套件）。

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

我有一个侧边栏菜单脚本文件，位于我包含到index.html. 每当我刷新home/dashboard子路由时，脚本就会工作，如果我从初始路由重定向/到home/dashboard侧边栏显示/隐藏按钮不起作用（这个逻辑是我提到的脚本的一部分）一旦我刷新页面，外部脚本将正常工作。这是我的路由模块

有没有办法将外部资产脚本添加到 angular.json 文件？

我是 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 应用程序后，我遇到了一些合适的解决方案。我想与社区分享任何需要帮助的人。