angular-routing相关内容

$rootScope.$on("$routeChangeSuccess) 或 $rootScope.$on("$stateChangeSuccess) 在使用 ui-router(AngularJS) 时不起作用

我在我的应用程序中将 UI-router 用于嵌套视图,但同时我想在路由更改时侦听事件.在使用 UI-router routeChangeSuccess 之前,它触发得很好,但在 ui-router 之后它不会触发.文档建议使用 viewContedLoaded 或 stateChangeSuccess 来使用,但即使它们也不会被解雇.我正在粘贴我的代码片段.任何帮助将不胜感激. var app ..
发布时间:2021-11-10 04:52:32 其他开发

无法在 Angular 中导航相同的路线

我的 Angular 7 项目中有一个列表和详细信息组件,我可以通过单击列表页面上的链接打开记录的详细信息.但是,如果我刷新同一详细信息页面或通过超链接打开同一详细信息页面(例如,在新选项卡中打开列表上的同一记录),则会遇到 HTTP 错误 404.0 - 未找到.我的代码如下所示: routing.module.ts: const 路由:Routes = [{路径:'用户',组件:用户面 ..
发布时间:2021-11-10 04:51:43 其他开发

如何在 Angular 中使用 UI Router 正确实现多个视图?

我正在尝试实现一个包含两个主要内容“窗格"的站点(想象一下两列,每列是页面宽度的一半).窗格应该能够相互独立地更改并拥有自己的控制器并能够在彼此之间传递数据(因此用户可以浏览左侧窗格上的一堆页面,而右侧窗格保持不变而无需重新加载和反之亦然,左窗格中的更改可以更新右窗格中显示的数据). 我已经浏览了大量关于 UI 路由器的示例/教程,但似乎无法找到一个很好的示例来说明如何实现我正在尝试做的事情 ..
发布时间:2021-11-10 04:50:54 其他开发

在 AngularJS 中使用 ui-router 嵌套参数化路由

我相信我对这些术语“嵌套参数化路由"的理解是正确的,但还没有找到我要找的东西. 我的目标是为我的 API 创建直观的路由,类似于以下示例: /api/v1/project/list/api/v1/project/1/item/list/api/v1/project/1/item/1/edit/api/v1/project/2/item/3/delete 如何设置项目状态相对简单明了,但不 ..
发布时间:2021-11-10 04:49:10 其他开发

如何使用 UI-Router 定义可选参数而没有尾部斜杠?

我正在将我的 Angularjs 代码从 ng-router 迁移到 UI-Router.在我的 ng-router 中,我有可选参数,但是我意识到 ui-router 不支持同样简单的方法来支持可选参数.以下是我现有的 ng-router 模块中的路由. //使用ng-router定义view的路由$routeProvider.when('/my-app/home/:userid?', {te ..

检查角度 2 中是否存在路线

我想检查 angular 项目中是否存在路由.比如用户在url栏中输入http://localhost:4200/#/timestamp,项目中不存在timestamp,不知道怎么查重定向? 解决方案 没有办法检查路由路径是否存在于配置中,但是你可以这样做在路由器配置模块中使用 ** 的配置重定向. export const AppRoutes = [{ path: "", redire ..

如何加载嵌套 3 个状态深的 UI-router ui-view 模板?

我正在尝试在我的应用程序中设计多个级别的路由和嵌套视图,以便根据路由替换应用程序的某些部分.我能够加载登录页面,而且布局视图似乎也加载了,但是,我似乎无法让嵌套的 标签工作.有人可以告诉我我是怎么做错的,或者在 Angular 中是否有更惯用的方法来完成相同的功能. app.js (function() {'使用严格';有角的.module('webApp', ['u ..

将“控制器作为"与 ui-router 一起使用未按预期工作

我使用抽象状态和控制器作为语法为页面设置了以下状态: # 详情页路由.state '标题',网址:'/标题',摘要:真实,模板:'',.state 'title.show',url: '/:titleId',templateUrl: 'title/show.html'控制器:'标题为 t' 为了这个演示的目的,假设我将一个变量分配给 'Title' 控制器的 't' 实例, ..
发布时间:2021-11-10 04:40:36 其他开发

使用参数缓存 URL 视图/状态

我正在使用 Cordova 和 AngularJS 制作一个移动应用程序.目前我已经安装了用于路由的 ui-router,但我愿意接受任何其他路由选择. 我的愿望:我想缓存某些绑定参数的视图.换句话说,我想缓存路径(或页面). 示例情况:假设我们看到一些仪表板页面,点击一些书籍封面,重定向到路径 book/2.此路径是第一次加载到应用程序中.路由器从 HomeController 重定 ..

处理 angularUI 路由器中的尾部斜杠

自从我开始解决这个问题已经有几个小时了,我似乎无法理解解决方案. 我的应用可能会导致用户实际输入网址.在这种情况下,不难相信用户可能会输入尾部斜杠.例如, www.example.com/users/2 和 www.example.com/edit/company/123 应该和 一样对待 www.example.com/users/2/和 www.example.com/e ..

处理 angularUI 路由器中的尾部斜杠

自从我开始解决这个问题已经有几个小时了,我似乎无法理解解决方案. 我的应用可能会导致用户实际输入网址.在这种情况下,不难相信用户可能会输入尾部斜杠.例如, www.example.com/users/2 和 www.example.com/edit/company/123 应该和 一样对待 www.example.com/users/2/和 www.example.com/e ..

Angular 5:身份验证守卫自动导航到指定的组件

我设置了一个带有 firebase 电子邮件和密码登录的身份验证防护,问题是它会自动触发到指定组件的路由. 我已经实现了身份验证保护并将其设置在正确的模块提供程序中(因为我的应用程序中有许多提供程序).这是我的身份验证服务: import { Injectable } from '@angular/core';import { Router, Route ,CanActivate, Act ..