首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么这条路由不是通过``page router-outlet`路由?

这条路由不是通过``page router-outlet`路由,可能有以下几个原因:

  1. 页面结构不适用于使用page router-outlet路由:page router-outlet是一种特定的路由机制,用于在单页应用中加载不同的页面内容。如果页面的结构不符合page router-outlet的要求,那么就无法使用该路由机制。
  2. 使用了其他路由机制:可能在该页面中使用了其他类型的路由机制,如hash routerhistory router等。这些路由机制与page router-outlet不兼容,因此无法通过page router-outlet路由。
  3. 页面没有使用任何路由机制:另一种可能是该页面根本没有使用任何路由机制。路由是一种用于导航和管理页面的机制,如果页面没有使用任何路由机制,那么就无法通过page router-outlet路由。

需要根据具体情况来确定为什么这条路由不是通过page router-outlet路由,并采取相应的措施来解决问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Angular 从入坑到挖坑 - 路由守卫连连看

/page-not-found/page-not-found.component'; const routes: Routes = [ { path: 'crisis-center',...> ?...:是否允许通过延迟加载的方式加载某个模块 在添加了路由守卫之后,通过路由守卫返回的值,从而达到我们控制路由的目的 true:导航将会继续 false:导航将会中断,用户停留在当前的页面或者是跳转到指定的页面...-- 定义子路由的渲染出口 --> 在针对子路由的认证授权配置时,我们可以选择针对每个子路由添加 canActivateChild 属性,...当问题解决后,就可以针对 crisis 模块设置惰性加载 在配置惰性路由时,我们需要以一种类似于子路由的方式进行配置,通过路由的 loadChildren 属性来加载对应的模块,而不是具体的组件,修改后的

3.8K30
  • Angular核心-路由和导航

    单页面应用 :称为SPA(Single Page Application),整个项目中有且只有一个“完整的”HTML文件,其他的页面都是DIV片段,需要哪个“页面”就将其异步请求下来,“插入”到“完整的...,注册路由词典 创建路由组件挂载点—称为“路由出口” //在app.component.html中 访问测试 http://localhost...视频播放,只能在学校内播放(客户ip地址限制) VIP学员视频播放,只能在13:30-22:00时间播放… Angular提供了“路由守卫(Guard)”来访问路由组件前的检查功能:如果检查通过(return...,canActivate:[LoginGuard]} 实例: 声明路由词典-路由地址和路由组件的对应集合 //声明路由词典-路由地址和路由组件的对应集合 let routes = [ {path:...

    2.2K20

    Angular 应用是怎么工作的?

    这个不是应用的入口文件,而是应用的启动文件。 应用入口在哪?...我会通过这两个文件了解应用的初始信息。有时,通过它们你会发现应用上的一些奇怪的事情(比如:应用了多个 UI 框架),或许你应该清除一些脏东西。...-- 调用根组件 --> 到目前为止,我们知道了 main page 或者 home page 怎么被渲染了(也就是我们上面提到的内容...通过 app.component.html 模版文件(如下)路由出口 Router-outlet ,页面组件可以和 URL 一一对应,然后在 标签内渲染。... 下面是它们之间匹配的插图: 目前为止,你不需要知道路由权限。并不是所有的组件都需要路由守卫,目前知道有这么一回事就好。

    1.4K30

    Angular 2 + 折腾记 :(4)初步了解路由及使用

    路由相关的指令或者术语 :路由占位符,可以理解为渲染路由组件的区域,一个组件只能一个无命名,命名的可以多个 ng-content: 可以嵌套一个组件的内容在另外一个组件中...AlertType=50,可以接受对象 skipLocationChange : 内容跳转,路由保持不变,换句话说,就是停留在上个页面的url而不是新的url -- 常用!...,参数比上面多,大同小异 ActivatedRouteSnapshot:这个是上面的局部实现,路由镜像,用来获取一些路由的信息很方便,单独用上面的也可以拿到相关的路由信息 Router这个内置组件,是路由最重要的东东了.../rbac/rbac.service'; const routes: Routes = [ { path: '', redirectTo: '/page/dashboard/vehicle-overview...full'是全局匹配/ canActivate: [RbacService] // canActivate是内置拦截器,RbacService是鉴权服务 }, { path: 'page

    3K20

    AngularDart 4.0 高级-路由概述 顶

    本指南涵盖路由器的主要功能,通过演示可以实时运行的小应用程序(查看源代码)演示它们。 概观 浏览器是一种熟悉的应用程序导航模型: 在地址栏中输入一个URL,然后浏览器导航到相应的页面。... 路由链接 现在,您已经配置了路由并提供了一个渲染它们的地方,但您如何导航?...概要 该应用程序具有配置的路由。 外壳组件有一个RouterOutlet,它可以显示路由产生的视图。 它具有RouterLink,用户可以通过路由点击进行导航。...定义路由器如何根据URL模式导航到组件。 大多数路由由路径,路由名称和组件类型组成。 RouterOutlet 指示路由应该显示视图的指令()。...但是,它不是教程,它掩盖了文档中其他地方更全面地介绍的Angular应用程序构建的细节。 应用程序的最终版本的完整源代码可以从实例中查看并下载(查看源代码)。

    6.1K20

    Angular 从入坑到挖坑 - Router 路由使用入门指北

    当定义好路由信息后,我们需要在页面上使用 标签来告诉 Angular 在何处渲染出页面。...productId=xxxx">跳转 对于直接通过 a 标签进行的路由跳转,我们可以在 a 标签上通过绑定 queryParams 属性来添加查询参数信息 这里通过 queryParams 属性绑定的是一个对象...同样的,我们也可以在 js 中完成路由的跳转,对于这种使用场景,我们需要在进行 js 跳转的组件类中通过构造函数依赖注入 Router 类,之后通过 Router 类的 navigate 方法完成路由的跳转...,因此当嵌套路由配置完成之后,在嵌套的父级页面上,我们需要定义一个 标签用来指定子路由的渲染出口,最终的效果如下图所示 我是父路由页面显示的内容 ...-- 加载子路由的数据 --> 子路由组件渲染的出口 ?

    4.2K50

    Angular与React相关

    SPA: Single Page Application的简写 单页面应用,整个程序中只有一个页面,页面里的内容根据路径的不同随之切换,页面不发生跳转 3...., Router-outlet, routes, router, routerLink, ActivateRoute的作用分别是什么?...,url网址的内容过长 * 2.query, 如果进入query方式传值,Link的to属性值就不是字符串,而是一个对象,通过该对象的query属性进行传值 特点: 1.不需要配置路由...2.刷新网页,值被销毁 3.可以传对象 * 3.state, 如果进入state方式传值,Link的to属性值就不是字符串,而是一个对象,通过该对象的state属性进行传值 特点...: 1.不需要配置路由 2.刷新网页,值被销毁 3.可以传对象 React里路由有关的知识点: React里的路由通过引入react-router-dom模块实现的

    1.2K20

    AngularDart4.0 英雄之旅-教程-07路由

    添加路由 应该在用户点击按钮后显示英雄而不是自动显示。 换句话说,用户应该能够导航到英雄列表。 更新pubspec 使用Angular路由(angular_router)启用导航。...由于路由器在自己的包中,首先将该包添加到应用的pubspec: ? 并非所有的应用程序都需要路由,这就是为什么Angular路由器处于独立的可选软件包中的原因。...当用户通过应用程序导航时,路由器会在正下方显示每个组件。 刷新浏览器,然后访问localhost:8080 /#/ heroes。 你应该看到英雄列表。...回头看看路由配置,确定“Heroes”是到HeroesComponent的路由的名字。 了解路由章节中的链接参数列表。 刷新浏览器,浏览器显示应用标题和英雄链接,但不是英雄列表。...在构造函数中注入路由器,以及HeroService。 通过调用路由器的navigate()方法来实现gotoDetail()。

    17.6K30

    Ionic4与Ionic3部分比较

    image.png 二、路由差异 也许Ionic 4中最显着的变化,以及需要对现有应用程序进行最大改变的变化,是转向Angular风格的路由。...Ionic过去使用的典型Push/Pop风格导航仍然可用,您甚至可以直接通过Ionic的Web组件使用这种导航方式,但推荐的方法是使用Angular Router。...ion-router-outlet,是对Angular的router-outlet扩展,以兼容旧的导航方式,打开tabs.page.html可看到下面内容: <ion-tab...modal-controller popover-controller action-sheet-controller loading-controller …… 前面2个一般是有自定义UI的,在ionic3中是可通过自定义组件注入...ViewController来关闭窗口,在ionic4中已经没有这个方法,改为通过监听事件或回调给外面的xxx-controller来关闭。

    7K10
    领券