angular-router相关内容
我正在使用 Angular 7 并面临一个问题 => 登录 API GET 调用成功并且组件也接收数据后,但 UI 未显示该数据. 当我打开浏览器控制台时,数据会立即填充到 UI 中,并且控制台中会显示警告. “core.js:15686 导航在 Angular 区域外触发,您是否忘记调用 'ngZone.run()'?" 我在谷歌上搜索了这个警告并找到了一些解决方法,比如 th
..
好的,所以我想在一些 cdn 上发布我预构建的 angular 模块,然后让一些 angular 路由能够指向它并加载它. 我还没有执行 angular 代码,但可能有一个很好的理由我不能简单地将 loadChildren 指向某个随机 url 并期望它获取和加载模块.如果您查看我的代码示例,唯一有效的部分是当我将预构建的 goo.umd.js 模块与 index.html 文件放在同一目录
..
我在我的 Angularv5 应用程序中使用 @ngrx/router-store,最近我开始遇到一个错误:Navigation ID X is not equal to the current navigation id Y(其中 X 和 Y 是整数). 当我从特定路线 B 导航到路线 A 时,始终会出现此问题.从任何其他路线导航到路线 A 似乎工作正常. 唯一的其他所以我发现与
..
我正在处理 Angular-6 项目.我的应用程序有很多子路由.其中之一如下: const 路由:Routes = [{路径:'innovation-track/:innovation-track-id',组件:InnovationTrackComponent,孩子们: [{路径:'sprint',组件:ScrumBoardComponent}]}]; 我想从我的 ScrumBoardCom
..
我需要根据从 API(站点地图)接收到的数据在 Angular 应用程序启动时创建路由.1、APP_INITIALIZER调用SettingsService.loadSettings从API中获取数据2. 数据来到ROUTES,建立想要的路由. app.module.ts import { BrowserModule } from '@angular/platform-browser'
..
我正在为 ionic 4 项目使用角度路由(@angular/router)来禁用 ionic 4 中的设备后退按钮,防止默认不起作用下面是我的代码 app.component.ts this.platform.backButton.subscribe(() => {if (this.router.url === '/登录') {this.util.presentAppExitAlert
..
我在一个模块中有多个组件.我想根据路由路径显示组件.对于 http://localhost:4200/account 我想显示帐户组件.对于 http://localhost:4200/setting 我想显示设置组件 ..etc app.routing.module.ts {路径:'帐户',loadChildren: './modules/settings/settings.module
..
我正在尝试在我的 Angular 7 应用程序中使用带有 href 的锚标记.当我点击链接时,浏览器中的 url 会发生变化,但无法导航到该页面.如果我输入 target="_self" 就可以了,这样就可以了 Abcd 但这不仅对浏览器中的 url 更改不起作用,而且没有任何反应 Abcd 就好像我使用 Angular 路由并使用 RouterLink 一样.
..
我正在从 Angular 4.0.0 升级到 Angular 5.2.6 我在延迟加载模块时遇到了一些问题. 使用 angular 4.0.0,它工作正常,但是现在使用 5.2.6,单击重定向按钮时出现这样的错误: core.js:1448 ERROR Error: Uncaught (in promise): TypeError: undefined is not a functi
..
我只想对一个模块使用此自定义路由重用策略: export class CustomRouteReuseStrategy extends RouteReuseStrategy {public shouldDetach(route: ActivatedRouteSnapshot): boolean { return false;}公共商店(路线:ActivatedRouteSnapshot,deta
..
给定路由配置 {路径:'/root/:rootId',孩子们: [{路径:'/child1/:child1Id',孩子们: [{路径:'/child2/:child2Id组件:测试组件}]}]} 在 TestComponent 中,如何轻松获取所有路由参数.我想知道是否有比 更简单的方法 let rootId = route.parent.parent.snapshot.params;让
..
如何为所有路由根和子路由使用 angular 6 Route Auth Guards? 解决方案 1) [创建guard,文件名如auth.guard.ts ] ng 生成警卫身份验证从“@angular/core"导入{可注射};导入 { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from'@角度/路由器';从
..
我在 angular 4 中使用路由时遇到了一个小问题.你知道,当我尝试使用 navigate('root', data) 将数据从一个组件传递到另一个组件时,我刚刚收到 [对象对象],[对象对象],[对象对象]. 组件 导出类 FillRequestComponent 实现 OnInit {构造函数(私有路由:路由器,私有数据路由:ActivatedRoute){}ngOnInit()
..
我正在尝试从组件更新(添加、删除)queryParams.在 angularJS 中,它曾经是可能的,这要归功于: $location.search('f', 'filters[]');//设置器$location.search()['过滤器[]'];//获取器 我有一个包含用户可以过滤、订购等列表的应用程序,我想在 url 的 queryParams 中设置所有激活的过滤器,以便他可以复制/
..
我有一条这样的路线孩子的路线: {路径:'仪表板',孩子们: [{小路: '',canActivate: [CanActivateAuthGuard],组件:仪表板组件}, {路径:'工资类型',组件:WageTypesComponent}]} 在浏览器中,我想获得像 这样激活的父路由 host.com/dashboard/wage-types 如何获取 /dashboard 但可以使用
..
如果使用 router.navigate ,如何打开一个新的浏览器 Tab . this.router.navigate([]).then(result => { window.location.href = link; }); 解决方案 试试这个. this.router.navigate([]).then(result => { window.open(link, '_blank');
..
我有一个带有一个路由器插座的 Angular2 应用程序,它根据在侧边菜单中单击的链接显示不同的组件. 包含 的主要组件的标记如下所示
..
在 Angular 1.x 中,我可以执行以下操作来创建一个基本上什么都不做的链接: 我的链接 但是相同的标签导航到 Angular 2 中的应用程序库.Angular 2 中的等价物是什么? 编辑:它看起来像是 Angular 2 路由器中的一个错误,现在有 github 上的一个悬而未决的问题. 我正在寻找开箱即用的解决方案或确认不会有任何解决方案. 解决方案 如果你有
..
我是 angular 4 的新手.我想要实现的是为我的应用程序中的不同页面设置不同的布局页眉和页脚.我有三种不同的情况: 登录,注册页面(无页眉,无页脚) 路由:['登录','注册'] 营销网站页面(这是根路径,它有页眉和页脚,这些部分大多在登录之前出现) 路线:['','about','contact'] 应用登录页面(我在此部分为所有应用页面设置了不同的页眉和页脚
..
我的问题很经典.我有一个应用程序的私有部分,它位于 登录表单 后面.登录成功后,进入管理应用的子路由. 我的问题是我无法使用 global navigation menu 因为路由器试图在我的 AdminComponent 而不是我的 AppCompoment 中路由.所以我的导航坏了. 另一个问题是,如果有人想直接访问URL,我想重定向到父“登录"路由.但我不能让它工作.在我看来,这
..