问题标签 [angular2-router3]

如果用户没有登录，想要进入一些安全的根目录，例如“/items” authguard 返回 false 并且不要导航“/login”。

AuthGuard 代码：

© 使用 Spring-Data-Rest 和 Angular 2

% URL 编码代码 %25 ( http://www.w3schools.com/tags/ref_urlencode.asp )

首先;

http://localhost:4200/members/http%3A%2F%2Flocalhost%3A8080%2FErPApI%2Forganizations%2F1/detail

当导航此 URL 并再次重新加载页面或复制粘贴新选项卡链接时

% 再次编码 %25。İts 每次重新加载。

http://localhost:4200/members/http%253A%252F%252Flocalhost%253A8080%252FErPApI%252Forganizations%252F1/detail

所以我丢失了会员ID。我怎样才能再次阻止编码％？

你知道如果你想去另一个页面可以使用下面的代码吗？

如您所知，这里string的arrayeach 是在加载相关组件的模块的路由文件中声明的路径。

现在，如果我要使用该navigate方法的组件与路由路径无关，如何检索与当前完整路径对应的字符串数组？

我想要如下代码：

我曾尝试使用ActivatedRoute服务，但我发现唯一有用的方法如下：

它返回一个路由数组，而不是字符串。

你知道更好的方法来达到我的目的吗？

哇

如果我在下面的 url 我得到使用下面的查询参数：

好吧，我认为这真是太棒了……哇太棒了……

但是我到底该如何添加查询参数呢？

1）通过使用 router.navigate

我在哪里添加 type=11 ？？？

或者我的路由器链接

我对 Angular 项目的路由有一些问题，主要是第三级子路由。在应用程序上导航时，这些路线运行良好。( routerLink) 和通过浏览器 URL 访问 URL 时出现问题。

我的 Angular 版本是 2.4.0
我正在使用ng serve.

对于具有给定结构的项目，

以下是代码，

并注册为，

所以应用程序与 RouterLink 配合得很好

但是当我浏览浏览器时<host>/user/myuser/detail，它会引发异常

怎么了？谢谢。

注意：我已经设置<router-outlet>并且在 routerLink 上运行良好，当在浏览器中浏览完整 url 时出现问题。

使用路由器 V 3.0.0 我可以做到这一点

但是我无法使用 Router V 3.4.10 实现相同的功能。

有任何想法吗？

在我的应用程序中，URLn 中可以有 n 个参数，然后它也可以有一个可选的跟随模式。例如，URL 可以是

http://example.com/{param1}

http://example.com/{param1}/constant/{id}

http://example.com/{param1}/{param2}/constant/{id}

http://example.com/{param1}/{param2}

http://example.com/{param1}/{param2}/{param3}

http://example.com/{param1}/{param2}/{param3}/constant/{id}

ETC

如何为这些类型的 URL 构建路由模块？

这是路由.ts

这是 UserListComponent ，其中包含用户和路由器出口列表以显示 EntrepriseListComponent

这是 EntrepriseListComponent，其中包含 Entreprise 和路由器出口列表以显示 LocalListComponent

这是 LaucauxListComponent，其中包含 laucaux 和路由器出口的列表以显示 DeviceListComponent

那么如何在 EntrepriseListComponent 中获取 idUSer 和在 ListLaucauxComponent 中获取 idUSer&idEntreprise

I created my Angular app with Angular CLI but now I have a problem with router. The app I want to build has some pages that have header and footer but also some pages that don't, like login page for example. So I need a way to share the layout with header and footer for the pages which need it and to use other layout for the ones that don't. What's the right approach for this?

My first idea was to have one route with header and footer which would be parent to all other routes which need it, but I can't find a way to share the same parent across multiple routing modules. The only way to specify parent child relation I was able to find in the docs is through a list of children when defining a route but then I need to have all the routes defined in the same place which I'd like to avoid.

Second idea was to use secondary routes and I tried with defining app.component.html with primary outlet for content and two secondary outlets for header and footer but then I wasn't able to access secondary outlet from the feature routing module.

Third idea was to have parent route with the same component for each page that has header and footer. That shared component would specify header and footer but the problem here is that then header and footer would be instantiated each time user navigates to a different feature so that would reset their state.

With ui-router I was using in AngularJS this was really easy to do with named views and ability to specify shared parent state. I'd really appreciate pointing in the right direction here.

该应用程序有一个包含 2 到 3 个类别按钮的页面。基本上，单击按钮将拉取每个类别中的项目列表，一旦 API 获取的数据可用，该页面就会显示。

我已经设计了带有解析 API 调用的 Angular 2 应用程序路由，当我们将应用程序功能迁移到 Angular 4 时，我不应该在页面加载时用微调器阻塞整个页面。

当用户点击一个类别时，如果响应延迟，他可能会点击另一个类别。当他导航回来时，他会期望将数据加载到先前单击的类别中，但 Angular 2/4 取消了路线，因为Navigation ID does not match with the current route

为了更好地理解，请参阅下面的 plnkr 链接。 http://embed.plnkr.co/UiyhZWCl63Tfq41WY48q/

同时点击星球和人物，观察只有一个板块加载，其他板块不加载数据。如果你检查你可以看到 NavigationCancel 事件被抛出