angular-router相关内容
我有一个使用 ionic 3 开发的项目.但是我休息了一下,当我再次开始使用 ionic 时,我看到新版本中导航系统发生了变化.我的项目是一个简单的项目.该项目列出了数组中的数据以及有关数据的详细信息显示在不同的页面上. 我是在 Ionic 3 上这样做的:homepage.ts 导出类 HomePage {项目 = [];构造函数(公共导航控件:导航控制器){this.initiali
..
从 angular 7 升级到 8 后,您的应用程序路由的 loadChildren 发生了重大变化.当这些被修复并且所有测试都在运行时,我没有得到 100% 的代码覆盖率(不再),因为 loadChildren 不再是一个“字符串",而是一个 LoadChildrenCallBack. 我如何测试这部分代码 设置: import { NgModule } from '@angula
..
角度版本:4 从 LoginComponent(位于 public/signin 路由中)登录后,我想导航到路径 中的 TestComponent公开/测试.我这样做如下:this._router.navigate(['public/test'])然后,它正确重定向,但问题是它没有从 DOM 中删除 LoginComponent(尽管 ngOnDestroy 确实被调用). 值得一提的
..
2021 年 3 月更新 Angular 团队最终为此合并了 PR,您可以查看 https://github.com/angular/angular/pull/40303 了解更多详情. 要使用它,只需输入
视图
..
我正在用 Angular 5.x SPA 替换现有的 AngularJS 1.6.x SPA,并且我希望更改对我的用户透明. 我担心用户拥有现有应用的书签,因为它在 URL 中包含哈希值(例如:example.com/#/menu 和 example.com/#/item/37); 但是,新应用的网址中没有哈希值(例如:example.com/menu 和 example.com/it
..
import {Router, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree} from '@angular/router';@Injectable({provideIn: 'root'})导出类 FooGuard 实现 CanActivate {构造函数(私有只读路由器:路由器){}canActivate(下一个:ActivatedRo
..
以下是我的代码,订阅调试器在页面加载和组件第一次加载时第一次命中,当按钮被点击并调用search函数时.来自 nginit 的订阅未命中. 知道为什么 public search(): void {调试器;this.router.navigate(['/logs/error'], { queryParams: { file: this.searchQuery }});}ngOnInit()
..
这种 URL“/services/55/(section:'data')"是连接命名出口和路径的解决方法吗?我不明白为什么他们不能简单地成为“/services/55/data",当有一个带有指定的 outlet 属性的 Route 时,如下所示: {路径:'服务/:id',组件:服务组件,孩子们: [{路径:'数据',出口:'部分',组件:ServicesDataComponent}]} 解
..
我的 app.routes 中有 4 条路线. import { NgModule } from '@angular/core';从'@angular/router' 导入 { Routes, RouterModule };导出const pageRoutes:路由= [{path: '', redirectTo: 'home', pathMatch: 'full'},{path: 'home'
..
我尝试在 stackblitz 中重现我的错误 我想达到的目标 我正在尝试使用带有动态参数的路由,并具有该参数的子路由.我希望这个模块被延迟加载.我已经使用路由定义中的 :id 定义为动态参数制定了一个有效的解决方案. 我希望子路由在不同的路由器插座中输出. 特别是我想要一个组件 (UserComponent) 加载到路由 user/:username - 如果 :usern
..
我正在尝试使用来自 Angular 路由器的通配符“**"创建默认路由.该默认路由将加载一个惰性模块,然后它必须解决自己的路由.问题是,当我有以下配置时,它没有按预期解决: export const routes = [{小路: '',组件:'仪表板组件'},{小路: '**',loadChildren: './lazy/lazy.module#LazyModule'}];@NgModule({
..
当我在 Angular 中开发并创建视图时,我总是使用 routerLink 从一个视图导航到另一个视图.最近我看到用 Angular 制作的重要页面使用 href 而不是 routerLink 来路由网站上的视图.我的问题是,什么时候在 Angular 中使用 href 而不是 routerLink 方便,为什么?是不是给人一种不是SPA的感觉? 如果是这样,我不明白,因为它失去了 Ang
..
最近对 Angular 路由器进行了很多改动,我不知道该怎么做. 我的父组件上有一个名为“eventId"的参数,位于地址栏中: http://localhost:4200/event/1 在这种情况下,它的值为 1. 这是我在路由组件中声明它的方式: { path: 'event/:eventId', loadChildren: './event/event.module#Ev
..
我无法从 ActivatedRoute 或路由器导入中获取 URL 或路径.它为路径“"输出空白,为 URL 输出“/".我记得使用了一个工作版本.唯一能捕获正确路由的是 Router.events.我也无法订阅 ActivatedRoute 中的 URL.这是代码 import { Component, OnInit, ViewChild, ElementRef } from '@angula
..
我正在尝试向默认生成的 JHipster 应用添加一个新菜单项.顺便说一下,我正在使用 Angular 4. 我面临的问题是我总是收到以下错误. 错误:未捕获(承诺):错误:无法匹配任何路由.网址段:'用户资料' 以下是我添加的代码. 首先,我在 src/main/webapp/app 下添加了一个名为 user-profile 的文件夹. 在其中,我添加了 inde
..
在 Angular 中,您始终可以在组件中注入 ActivatedRoute 以获取对当前激活的路由. 它有一个属性 children : 包含当前路由下的所有子路由激活. 我想知道如何获得所有子路由(未激活的路由也是如此). 解决方案 您可以使用 route.routeConfig.children 来获取路由器中定义的子项.
..
我想检查 angular 项目中是否存在路由.比如用户在url栏中输入http://localhost:4200/#/timestamp,项目中不存在timestamp,不知道怎么查重定向? 解决方案 没有办法检查路由路径是否存在于配置中,但是你可以这样做在路由器配置模块中使用 ** 的配置重定向. export const AppRoutes = [{ path: "", redire
..
我有动态路由,可以在参数中包含斜杠或反斜杠,例如: http://localhost:4200/dashboard/T64/27D 我应该导航到一个带有路由 T64/27D 的页面 这是我的导航方式this.router.navigate(['dashboard/'+this.groupListPage[0].code]);this.groupList[0].code 包含 T64/27
..
如何从父路由的守卫重定向到子路由,同时保护子路由不被直接访问*? 绝对导航的问题 导航到子路由时,父组件上的守卫会在循环中再次调用. 相对导航的问题是守卫正在保护父路线,因此还没有激活的路线可以相对导航.此外,这可能不会保护子路由.也许同样的守卫也可以用于子路由或 CanActivateChildren. Stackblitz 示例:https://stackblitz.com/
..
我正在开发一个 Angular 通用应用程序.我想创建带有自定义前缀的动态路由,但找不到任何与我的案例相关的有用文档.任何帮助将不胜感激... 详情: 我所拥有的是,我有 4 个页面,其中包含 4 个不同的动态 URL,它们是: 主页(http://example.com/) 类别页面(http://example.com/{category_name}) 子类别页面(htt
..