angular-router相关内容
我正在构建一个 Angular 11 应用程序并尝试创建一个 SharedModule.我正在使用延迟加载并希望避免在我的延迟加载路由中多次加载公共模块.我创建了一个共享模块并将其导入到我的 AppModule 中.根据我的理解,这个共享模块应该在所有延迟加载的模块中定义,不需要在其他任何地方导入.但是,在我的延迟加载模块中,由于未直接导入我的共享模块而出现错误.我如何全局定义我的 Project
..
我无法使延迟加载模块的路由正常工作.请看看这个stackblitz,它是 Angular 延迟加载示例 的副本,但有一些更改. 首先,延迟加载本身似乎工作正常 如果我点击“订单"按钮模块被(延迟)加载并显示正确的组件(OrdersComponent) 但是,点击“Orders Child"还显示订单组件(而不是 OrdersComponent2) 当我取消注释子路由配置中的 pathM
..
这是我的 html rouerLink: Create - 工作正常. 单击按钮时,我调用的方法相同:但不起作用.. navigateTo(page) {this.router.navigate(['create']);//不起作用} 任何人都可以帮助我,我在这里真的缺少什么? 更新 我正在从父母导航到孩
..
我想路由到“配置"路由器,它嵌套了 2 个出口,但我无法找出正确的方法. 在我的routing.ts中,我创建了两种访问组件的方法: 导出常量路由:Routes = [{//入口点.路径:'Foo',组件:FooComponent,canActivate:[IsServerOnlineGuard],孩子:[路径:'Bar',组件:B
..
我不确定这是否是实现这一点的最佳方式.如果您有其他意见,请分享. 我必须实现一个多收件箱系统,用户可以将多封电子邮件按不同的收件箱分组. 例如:http://localhost/inbox/personal/ 将显示 personal 收件箱中的电子邮件列表,http://localhost/inbox/business/3 将在 business 收件箱中显示电子邮件列表,并突出显示
..
我一直在寻找一个没有运气的解决方案.如果用户获得授权,我需要调用服务器,并且我需要 canActivate 方法来等待该调用的结果.但我似乎无法将碎片拼凑在一起.下面是我的代码,我的问题在代码的注释中. canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable{让用户:EUser = n
..
我正在尝试在生产模式下构建我的 Angular 应用程序,但遇到了一个奇怪的错误. 在开发模式下一切正常.不过,在生产模式下,当我打开“index.html"时,我被正确重定向到我想要的默认路径,但我的 router-outlet 没有填充. 我的 app-routing.module.ts: import { NgModule } from '@angular/core';从'@a
..
我只是想不出解决此类问题的方法.我正在设计搜索引擎,我想在 url 中显示用户试图找到的内容: https://my-site.com/search;query=%28rockstar;search=true;page=0 用户正在尝试查找 (rockstar 短语. 当我将此网址粘贴到浏览器时,它按预期工作,但 Chrome 浏览器显示此网址如下: https://my-site.c
..
如果我用文件结构构建一个静态站点: -index.html-博客/index.html 我在 blog/index.html 中放置了一个带有路由的 Angular 应用程序,然后转到路由 example.com/blog/page/2,它转到Angular 应用程序中正确的博客页面.从某种意义上说,它打开 /blog/index.html,并在 Angular 应用程序中处理 /page/2
..
我只是想不出解决此类问题的方法.我正在设计搜索引擎,我想在 url 中显示用户试图找到的内容: https://my-site.com/search;query=%28rockstar;search=true;page=0 用户正在尝试查找 (rockstar 短语. 当我将此网址粘贴到浏览器时,它按预期工作,但 Chrome 浏览器显示此网址如下: https://my-site.c
..
失败:无法读取 null 的属性“queryParams"在 我假设这是因为我在 ngOnInit() 中有以下内容: ngOnInit() {this.route.queryParams.subscribe(async params => {this.userInfo = await JSON.parse(params['user_info']);}); 到目前为止,我已经尝试使用以
..
我使用的是 Angular 9.我在根目录中有一个 JSON 文件,我不想将它包含在应用程序中.换句话说: /src|--/应用|--/资产|-- index.html|-- do_not_include_this_file.json 这意味着 http://example.com/do_not_include_this_file.json 应该被 RouterModule 忽略,而是直接转到
..
我目前有一些路线 交通 路线 const trafficRoutes: Routes = [{路径:'',组件:TrafficComponent,子组件:[{路径:'',重定向到:'图表'},{ 路径:'图',组件:
..
在 Angular 中,我必须以 格式处理路线 /sections/{id}?filter={filter} 即我有一个路由参数(id)和一个查询参数(filter).这两个参数都是可选的,所以所有这些路由都是有效的并且正在被监听 /sections/{id}?filter={filter}/sections?filter={filter}/sections/{id}/节 在处理路由时,
..
有类似的问题没有正确答案. 如果我在 app.module.ts 中设置: 提供者:[{ 提供:APP_BASE_HREF,useValue:'/my/app'}, 然后输入 localhost:4200/my/app this.location.path() 返回正确的路径“". 但是如果我输入 localhost:4200/my/App this.location.pat
..
我正在努力实现以下目标: 我在 app.component.html 中有一个 mat-toolbar 组件,用于显示网站的主要顶部导航栏.工具栏下方是. 当用户导航到 localhost:4200/ 的根目录时,我希望顶部导航栏可见,并且与导航栏中链接关联的所有组件都呈现在顶部导航栏下方.现在的问题是,当用户导航到根目录时,顶部导航栏会重复两次.单击链接,重复的导航栏将被删除,并在导航栏
..
这是我在 nativescript-angular 项目中的路由: const 路由:Routes = [{小路: "",redirectTo: "/tabs/default",路径匹配:“完整"},{路径:“标签",loadChildren: "~/app/modules/tabs/tabs.module#TabsModule"},{路径:“登录",loadChildren: "~/app/m
..
我想导航到名为 modal 的次要路线,而无需明确说明主要路线. 我在组件类中试过这个: onclick(){this.router.navigate([{ outlet: { foo: 'modal' } }], { relativeTo: this.route });} 上面的代码似乎有效.但是,它会导航到 /first(foo:modal) 一瞬间,然后导航到根 /. 我做错
..
我想让一个子元素触发它自己的点击,并且不响应它具有[routerLink]的父元素,问题是子元素无法运行它(click)="delete()" 中的 code>delete() 函数,它只是在 [routerLink] 中跟随它的父级(它导航到/product/:id)
..
我正在尝试使用 canDeactivate 路由器防护.第一次运行代码时,我传入的组件 (ClaimsViewComponent) 为空.但是在随后的运行中,代码会按预期运行.我们试图弄清楚为什么组件在第一次运行时为空. 这是 canDeactivate 保护代码: @Injectable()导出类 ConfirmDeactivateGuard 实现CanDeactivate{canDea
..