-
12 votesanswersviews
路线防护导致错误的路线导航行为
我在尝试浏览不同的路线时遇到了问题 . 我有两个不同的路线模块 . app.routes.ts : 仅包含 LoginPage : export const routes: Routes = [ { path: 'login', component: LoginPageComponent, canActivate: [PreventLoggedInAccess] }... -
0 votesanswersviews
Angular 4路由不适用于prod
我正在开发一个角度4的网络应用程序,并像这样做路由: const routes: Routes = [ { path: '', redirectTo: "raids", pathMatch: 'full' }, { path: 'raids', component: RaidsContainerComponent }, ... -
0 votesanswersviews
如何使用Angular Ionic 4从选项卡路由后重置路由堆栈
我有一个工作流程,用户可以编辑歌曲的信息 . 当用户在歌曲页面上时,他们可以单击编辑按钮以显示编辑页面 . 例如,如果用户正在查看提交并想要编辑,他们将使用 navigateByURL(tabs/(submit:submit/:artist/:submission) 从发布页面转到提交页面: /tabs/(home:release/isrk2mpkiq) 至 - > /tabs/(submi... -
1 votesanswersviews
Angularjs Angular(5)路由器
我想在旧的 angularjs 应用程序旁边运行 angular . 在我们尝试使用 ngUpgrade 之前(需要进行大量重构)之前,我想尝试将它们彼此独立地运行 . 我想我能够通过渲染标记和在我想要升级到新应用程序的指定路由上生成的关联脚本文件(通过angular-cli)来实现这一点 . 我通过向 angular-ui-router 添加状态来实现此目的 . 使用* param作为最后一个... -
0 votesanswersviews
我如何查询:输入和:使用包装整个UI-VIEW指令的触发器在Angular 4中留下动画的UI-VIEW
所以在Angular 4.2中有一个新的Query动画函数,它允许你查询各种事物(:enter,:leave,class names,elements等),你可以对它们应用动画 . 我想要解决的KEY概念是你用一个触发器包裹路由器插座然后该触发器知道:输入和:离开两个动画的视图 . 这是我所寻求的问题和答案的基本要素 . 如果将触发器置于视图(主机绑定)中,则只能触发该特定的UI-VIEW /路由... -
6 votesanswersviews
如何正确配置k8s nginx入口基URL替换来处理Angular客户端路由(LocationStrategy)?
我们在Kubernetes集群上托管了基于Angular的Web应用程序 . 此应用程序的Ingress配置为添加基本URL: { "kind": "Ingress", "apiVersion": "extensions/v1beta1", "metadata": { "... -
1 votesanswersviews
当刷新页面时,Angular 4路由器丢失了参数
当我使用路由器链接时,路由器找到页面并呈现它,但当我尝试刷新页面或从网址重新输入时,它失败并给我这个错误: Error: Cannot match any routes. URL Segment: 'project' 在问这里之前我已经搜索了很多但是找不到答案 . 我正在使用的链接:http://localhost:4200/#/project/5 这是我的路由器配置: export const ... -
0 votesanswersviews
如果手动编写URL,Angular将刷新应用程序
我正在使用Angular 6,我对路线的变化有疑问 . 如果我使用routerLink或navigate()方法浏览应用程序,它可以正常工作,因为它只加载新模块(如果需要) . 但是例如,如果我在这个链接:localhost:8080 / home,我点击URL,取消'home',写'profile'并按Enter键,它正确地进入配置文件页面,但应用程序重新加载(也是应用程序组件) . 为什么?我... -
2 votesanswersviews
Angular - routerLinkActive和queryParams处理
我在Angular中使用routerLink,如下所示 <li routerLinkActive="active"> <a [routerLink]="['/view', 10]" [queryParams]="{'offset': 0, 'numberOfItems': 1... -
2 votesanswersviews
如何在角度4中的父组件和子组件之间传递数据?
我有一个场景,我想将数据从父组件传递到子组件,其中Services只注入Parent组件,所有子组件都分配给路由器链接,可以使用@input属性但不知道如何使用输入属性和 <router-outlet> . 我想出了一种订阅路由器事件和父组件的方法,并使用条件来显示子组件,但这没有按预期工作! 有人可以提供建议吗? -
2 votesanswersviews
无法从角度路由器获取路径或URL
我无法从ActivatedRoute获取URL或路径,也无法获取路由器导入 . 它为路径“”输出空白,为URL输出“/” . 我记得使用过工作版 . 唯一可以捕获Router.events正确路由的东西 . 我也无法订阅ActivatedRoute中的URL . 这是代码 import { Component, OnInit, ViewChild, ElementRef } from '@angu... -
3 votesanswersviews
以角度5显示/隐藏链接的最佳方式
我目前有一个主页,可以路由到我公司运行的所有不同的工作流程 . 我们有大约15个不同的工作流程,每个工作流程都由用户角色保护 . 如果您在数据库中没有正确的用户角色,则不会看到该页面的相应链接 . 我们保护服务器 endpoints ,但我担心的是向人们显示链接或不显示链接的最佳方式是什么,我宁愿不重复代码 . 这是一种方法: 我有一个像这样的html页面 <ul> <li ... -
0 votesanswersviews
如何在角度相同的子路径中导航?
我使用 NgRx 来管理我的表单状态,所有数据操作和导航都由副作用处理 . 问题: 如果我在儿童路线上,并希望导航到与另一个参数相同的路线,我会收到以下错误, Uncaught(承诺):TypeError:无法读取null的属性'component'TypeError:无法读取null的属性'component' 例如,我有这条路线, https://www.artngcore.com:420... -
0 votesanswersviews
使用onBeforeUnload搞砸了Angular中的浏览器历史记录
当用户在页面上输入数据时,我希望它们返回上一页(例如主页 - >输入页面) . 如果我在点击提交时重定向它们,我将以循环历史记录(主页 - >输入页面 - >主页面)结束 . 因此,当用户点击提交时,我调用 window.history.back() . 为了防止丢失数据,我监听beforeUnload事件 . 如果用户尚未提交表单,我会提示确保他们知道他们将丢失更改 . 我遇... -
0 votesanswersviews
Angular 4辅助路线未按预期工作
我有一个应用程序,我有一个登录组件和一个家庭模块 . 我想在家庭模块中有一个辅助路由 . 一旦用户登录,我就会重定向到主路由 . 这是我的app-routing.module const routes: Routes = [ { path: 'login', component: LoginComponent }, { path: '', redirec... -
1 votesanswersviews
保持路由器链路对子路由有效
我有一个内部有 <router-outlet> 的父组件,父组件有一个菜单指向这些路由,菜单有子菜单是下拉菜单 . 目前,活动路线始终在菜单中突出显示,但如果该菜单选项是子菜单,则除非您打开它,否则它不会显示 . 如果路线在其中,我想保持该子菜单打开 . 我想在一个地方管理这个,父母 . 我当前的尝试获取当前路由URL,并检查它是否包含子菜单路由字符串 . 这个方法的问题是我找不到一个... -
0 votesanswersviews
RouterChildActive组件的Observable <boolean>
我们有 AccountComponent 包含一些子链接 . 我们希望在孩子活跃时隐藏这些子链接 . 现在看来我们可以通过两种方式实现这一目标: routerLinkActive and checking isActive on each of them to hide with CSS: <style> .content { &.child-active { ... -
1 votesanswersviews
lazyloaded模块中的Angular共享模块
我的应用程序有2个主要模块 -- app module -- dashboard module //lazy loaded app模块有容器 homeComponent ,它包含 navbarComponent 和 heroComponent 我想将 navbarComponent 导入到 dashboard module 的子组件中,所以我将导航栏作为共享模块,导出 navbar 并在app.... -
3 votesanswersviews
Angular 2获得父激活路由
我有一条路线孩子这样的路线: { path: 'dashboard', children: [{ path: '', canActivate: [CanActivateAuthGuard], component: DashboardComponent }, { path: 'wage-types', ... -
0 votesanswersviews
Angular 5路由器,所有孩子都被重定向到默认路由
我的Angular 5路由包含错误;我无法弄清楚是什么 . 见下文: 默认情况下,未经身份验证的用户会显示登录框在localstorage中具有令牌的 用户被自动重定向到/ secure / secure使用pathMatch "full"重定向到其/ dashboard子级 . 到目前为止一切正常 . 现在,我直接将浏览器的URL设置为/ secure / a... -
3 votesanswersviews
Angular如何获取未激活的子路径
在Angular中,您始终可以在组件中注入ActivatedRoute以获取对当前激活路径的引用 . 它有一个属性 children ,其中: 包含在当前路线下激活的所有子路线 . 我想知道怎样才能得到儿童路线 all (也就是未激活的路线) . -
3 votesanswersviews
错误:无法解析HomeComponent的所有参数:(?)
我正在使用带有Angular的Meteor . 不知何故,每当我试图将路由器依赖项放在组件的构造函数中时,它总是给我错误 . constructor(private router: Router) {} 删除Router参数工作正常! constructor() {} 我正在尝试使用组件ts中的this.router.navigate()从一个组件导航到另一个组件 . 这是我得到的错误: 错... -
0 votesanswersviews
Angular 4 - 如何在直接启动子路由URL时重定向到父路由?
要求非常简单 . 当直接在浏览器中输入子路由/组件的URL时,我应该能够将其重定向到父路由 .问题:1.如何识别页面刷新或是否直接启动子路由?2.如果直接启动子路由,如何从ActivatedRoute对象获取其父路由URL? 解决方案:我在Child Component的OnInit中有以下代码: this.router.events.subscribe((event) => { con... -
0 votesanswersviews
Angular 5触发从子出口的父路由器出口导航
我在结构中有一系列Angular组件如下 . RootComponent - >包含路由器插座 子组件 - >包含router-outlet Grand child组件 - >包含一个按钮,用于触发导航回根组件 我的问题来自于孙子组件中按钮上的routerLink,如何导航到rootcomponent? APP-路线 const routes: Routes =... -
1 votesanswersviews
将查询参数传递给Auxiliary Routes Angular 5
我正在尝试将查询参数(不是路由参数)传递给我的每个辅助路径 . 我想要实现的是拥有3个兄弟组件,每个组件都从它自己的辅助路由订阅并使用查询参数,并使用3个不同的数据源填充我的页面,使每个分页/查询成为可能和独立 . 按照Angular的辅助路线模式,我的网址应如下所示: http://mywebsite.com/search(musics:/?page=1&itemsPerPage=12&... -
0 votesanswersviews
Angular 6 ng build --prod无法动态创建路由
我创建了简单的角度6项目 . 我想动态添加路由 . 概念如下 . const myRoutes = [ { path: 'com1', component: OneComponent, }, { path: 'com2', component: TwoComponent, },{ path: 'com3', component: ThreeComponent, },{ path: 'com4', ... -
7 votesanswersviews
在角度4延迟加载中将块名称替换为模块名称
我正在使用angular-cli-1.6.3捆绑我的项目 . 我尝试将延迟加载的块名称重命名为有效的模块名称 . 但它没有用 . 代码片段如下, {path:'lazy',loadChildren:' . / lazy / module#LazyModule?chunkName = LazyModule'} -
0 votesanswersviews
使用路由中断路由的模块中的路由导入延迟加载的模块
我们的棱角分明4.3.6应用程序具有延迟加载的模块,例如车队,维护,汽车等 . 我的顶级应用程序路由器如下所示: const routes: Routes = [ { path: '', redirectTo: 'fleet', pathMatch: 'full' }, { path: '', component: AppComponent, canActivate... -
1 votesanswersviews
路由器无限循环,第二个canActivate防守延迟加载模块
我有一个带有延迟加载模块的角度4.3.6应用程序 . 这是一个部分根路由器: const routes: Routes = [ { path: '', redirectTo: 'fleet', pathMatch: 'full' }, { path: '', component: AppComponent, canActivate: [AuthenticationG... -
0 votesanswersviews
角度路由孩子
我正在尝试配置嵌套子路由以便路由并维护一个痕迹路径跟踪,路由在URL中被识别,路由器接受链接,但关联的组件不会改变;然而,URL更改,我的痕迹导航组件更新 . (只有 UnitComponent 不加载,其他两个组件加载正常 . ) const routes: Routes = [ { path: 'groups', component: GroupsComponent, ...