问题标签 [angular4-router]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1475 浏览

angular - angular4路由器出口名称动态

我想实现动态标签。所以我需要创建很多并且数量不确定。在 angular2 中,我找到了这个解决方案。当我使用 Angular4 时,它不起作用。我怎样才能做到这一点?

0 投票
1 回答
62 浏览

javascript - 如何解决 Angular4 路由器中的转换问题

我正在尝试链接路由器解析器

这是我的路由器选项。

我想调用SessionService(SessionResolve),然后使用 Session 数据的 lang 值调用LocaleService(LocaleResolve)

但是,上述代码调用同时解析

我认为在这里解决代码更改 但我不知道,因为我以前没有使用过 Angular4。

有没有办法可以使用 resolve 作为 chanining?还是我应该一次解决所有工作?

0 投票
2 回答
3571 浏览

angular - Angular 4 路由器 - 挂钩每个路由器的更改

我想创建一个Breadcrumb.

面包屑维基百科

为此,我考虑创建一个服务来处理它。但是我需要挂钩每个路由器更改,每次路由器状态更改时将使用的方法或类。

这个挑战必须在没有在我所有组件中添加 onActivate 方法的情况下解决,因为我有很多组件。

十分感谢 !

0 投票
1 回答
357 浏览

angular - Angular 4 路由器加载所有组件

我目前正在使用 Angular 4 进行一个项目。直到今天我对路由器没有任何问题,但我使用了 Angular Materials 组件,今天早上我看到我必须更新 Angular Material 包。我执行了:

从那时起,当我使用 RouterLink 时,组件就会加载到实际页面的顶部。例如,如果我在“/dashboard”中并且我想转到“/signin”页面。“登录”组件加载在仪表板顶部,因此在同一页面中,我有仪表板组件登录组件。

你有什么想法可以帮我解决这个问题吗?

编辑 :

我的组件不再响应,如果我使用带有在我的组件中定义的数组的 *ngFor,如果数组更改了带有 *ngFor 的组件不会改变......我认为我所有的问题都是相关的,但我可以'不知道怎么做。

我如何使用 RouterLink :

我的 app.routing.module.ts 的代码:

0 投票
1 回答
1830 浏览

angular - Angular 4路由器不会根据路由更改命名路由器出口

当我导航到/时,正确的NavbarComponent出现在名为“ navbar ”的路由器插座上。但是,当我导航到/app/dashboard时,AppCentralNavbarComponent没有显示在名为“navbar”的路由器插座上,而是出现错误:

错误错误:未捕获(承诺):错误:无法激活已激活的插座错误:无法激活已激活的插座

被抛出。

app.routing.ts

app-central.routing.ts

标准布局.component.html

如果您想查看格式更好的代码:https ://github.com/angular/angular/issues/19001

如何根据路由配置让命名路由器插座与非命名路由器插座一起导航?

有很多关于如何使用 routerLink 执行此操作的示例,但仅使用路由配置就没有任何实际意义。

0 投票
0 回答
276 浏览

json - 如何使用 Angular 4 路由参数过滤数据

谁能解释我如何使用 Angular (4) 路由参数来过滤 JSON 对象以仅返回 1 条记录(所以我只想显示更具体的细节,有点像管理面板)。我看到的所有示例似乎只是向您展示了如何从 url 中控制台记录参数 id,并且并没有真正走得更远(或者如果他们这样做了,则没有像我想要的那样清楚地解释)。我想要做的是我有一个 JSON 对象说

如何在服务中使用路由参数根据我在 url 中传递的 id 仅显示名称?

所以这个例子可以让我访问第一组记录。

谢谢

0 投票
2 回答
12583 浏览

angular - Angular 4 路由 - 所有路由都重定向到默认路由

我已经为我的 Angular 4 应用程序设置了一个简单的路由,其中​​包含一个使用Tetradata Covalent 和 Angular Material创建的侧边菜单我正在使用这个Angular 2/4 身份验证教程来处理登录,但是所有子路由器链接都重定向到默认页面(仪表板)。任何帮助或建议将不胜感激。

app.routing.ts

page.component.html

AuthGuard.ts

控制台输出 在此处输入图像描述

0 投票
2 回答
4677 浏览

angular - Angular 4 - 路由器解析不适用于 BehaviorSubject

在这方面非常感谢您的帮助。

这是我想要做的,当我访问主应用程序页面时,它从 config.service.ts 调用 getConfigs() 并从后端获取数据,然后更新 this.configStringSource.next(config)。在那之后,我试图将其重定向到 this.router.navigate(['/clone/status']),但没有发生重定向。

app.routing.ts

配置文件

配置服务.ts

配置解析器.service.ts

app.component.ts

status.component.ts

0 投票
2 回答
10984 浏览

java - Spring Boot/Angular 4 - 应用程序中的路由命中服务器

我有一个 Angular 4 (ES6) 应用程序,我想从 Spring Boot 应用程序中提供服务。我的 Angular 应用程序有一个 index.html,当点击http://localhost:8080的地址时,Spring Boot 知道映射到 index.html 文件,该文件在 Angular 中映射到“/search”。

但是,我有另一条名为“adminlogin”的路线,我可以通过它访问

http://localhost:8080/admin登录

但在这种情况下,它会遇到我的 Spring Boot 应用程序,该应用程序没有映射,然后它会引发错误。

如何获取我的http://localhost:8080/adminLogin 地址以访问我的 Angular 应用程序?

0 投票
3 回答
1271 浏览

javascript - Angular4,更新路由更改组件

路由更改时如何更新组件。我有这个组件:

this.entity内部构造函数中,我有所需的对象,但是当我执行 showRow 时this.entity未定义,我做错了什么?我试图将属性更改为不同的名称,但它没有按预期工作,如果有人知道如何解决这个问题或指出我正确的方向。

编辑:来自服务的 getRow