angular2-routing相关内容
当一个组件注入了RouteSegment时,仅仅在测试中提供RouteSegment是不够的: component.ts: 导出类 ComponentToTest {私有参数:字符串;构造函数(路由段:路由段){this.param = routeSegment.getParam('param');this.getData();}} component.spec.ts: import
..
我想将数组 ids: [1, 2, 3] 传递给路由器查询字符串,如下所示:http://...some-url?ids=1&ids=2&ids=3,但是当我尝试使用 const queryParams = { ids: [1, 2, 3] };this.router.navigate(['/some-route'], { queryParams }); 结果是http://...some-u
..
我有一个自定义的 router-outlet 缓存组件. 代码如下:https://gist.github.com/waeljammal/467286d64f59f8340a93#file-persistentrouteroutlet-ts-L75 代码示例使用组件类型作为缓存键 - 但是,我需要通过 URL 缓存我的组件类型,以便我可以缓存同一组件的两个不同实例. 有没有办法根
..
在新的 Angular 2 路由器中,他们移除了 CanReuse 接口.有没有办法用路由器的另一个功能来实现这个功能(强制重新加载组件)? 解决方案 现在有了 RouteReuseReuse 策略,你可以用你自己的替换,如果你想在导航时重新渲染路由,你可以这样做 1.Define Custom Strategy(这个策略和旧路由器一样工作) 导出类 CustomReuseStra
..
我有一个包含一系列组件的 Angular 5 应用程序.有些组件是其他组件的子组件,有些则不是. 我希望应用程序具有如下结构: */my-account/overview//主页*/我的账户/我的东西*/轮廓*/非默认 我有一个 DefaultComponent,其中包含一些通用元素,例如我希望在大多数页面上出现的站点导航(除 */非默认路由/组件外的所有内容). 我的路由模块定义
..
是否有助于减少加载时间?(比如只加载当前模块到客户端的设备?) 我的理解是... 它会增加服务器和客户端之间的请求数量吗? 它会增加你的代码的复杂性.(因为你需要采取照顾 导入和导出模块并特别注意路由) 解决方案 Angular 支持延迟加载模块.通过这种方式,您可以将应用程序拆分为仅按需加载的部分. {路径:'管理员',loadChildren: 'app/admin/
..
我有一个应用程序,它有一个基本路由器插座,用作整个应用程序的基础.然后是一个子路由器插座,一旦用户登录,就会使用它来显示由于单击基于基本路由器插座的导航链接而加载的任何组件.我希望能够在基本模板中单击导航链接时定位子路由器插座. 当我单击基本模板中的导航项时,它会在基本路由器插座中加载组件.这对我来说很有意义.我想知道如何单击基本模板中的导航项并在子路由器出口中加载所需的组件. 我找不
..
我正在使用 Angular CLI.请检查我的 CLI 信息 @angular/cli: 1.2.1节点:6.10.0操作系统:win32 x64@角度/动画:4.1.1@angular/common: 4.0.0@角度/编译器:4.0.0@angular/compiler-cli: 4.0.0@角度/核心:4.0.0@角度/表格:4.0.0@角度/http:4.0.0@angular/平台浏览
..
在我的应用程序中,我想在用户点击后退按钮时显示提示消息框或模式.我可以使用 onPopState 事件,但它不会阻止用户向后导航.到目前为止,我有这个: window.onpopstate = (event) =>event.preventDefault();this.modal.showModal();}; 解决方案 Angular 2/4 提供了一种方法来做同样的事情.解决方案是 ca
..
如果用户输入一个不存在的链接,我希望页面重定向到主页. 我该怎么做?谢谢 @RouteConfig([{path: '/home', name: 'Home', 组件: HomeComponent},{path: '/about', name: 'About', 组件: AboutComponent},{path: '/???', name: 'not-found', redirectTo
..
据我了解,Angular2 中的 CanActivate 接口仅对路由更改有效.因此,如果我有一个页面 p 需要用户登录,我可以创建一个实现 CanActivate 接口的保护,该接口将允许 RouterModule 仅在用户登录时激活p. 但是当 p 处于活动状态并且用户被注销时会发生什么?我试图找到检查页面是否允许在不更改 RouterModule 中的路由的情况下处于活动状态的最佳实践
..
使用带有更新的@angular/router 的 Angular 2 RC 4,我使用 这个问题 但是,当我刷新或直接请求使用非默认路由的页面时,它会将我带到默认页面(就像我请求 index.html 一样)而不是我想要的路由页面.如何在使用 Apache 2.4 刷新页面时使 Angular 2 路由正常工作? 路由和引导: const 路由:RouterConfig = [{路径
..
我是 Angular 4 的新手并试图构建一个简单的路由,但是当我尝试使用 this.router.navigate(['./admin/login']); 在成功注册时重定向时; 所以它抛出这个错误 ViewDestroyedError: Attempt to use a destroyed view:detectChanges in console.log.这是我的 register.comp
..
const 路由:Routes = [{路径:'somepath',组件:SomeComponent,数据: {显示侧边栏:真实,标题:'测试'}},{路径:'somepath2',组件:SomeComponent2,数据: {显示侧边栏:假,标题:'test2'}}]; 如何从当前激活的路由访问数据对象?如果我当前的路由是 localhost:4200/app/somepath2 那么我想访问
..
是否有参数提供给路由器,以便 router.navigate() 将在浏览器的新标签/窗口中打开? 解决方案 按照指示创建路由 此处. 设置你的 app-routing.module.ts(或者只是把它放在 app.module.ts 中),放置 ; 在您的 app.component.html 中. 现在,要从主页面(或您创建的任何子路由)打开一个新窗口,只需调用一个在主组件
..
我有一个 Angular2 应用程序,它公开了一些文件的直接下载链接. 文件位于: [MY_APP_FOLDER]\src\assets\OffertFile 链接 href 的示例如下: /assets/OffertFile/test.xlsx component.html 链接示例如下:
..
我正在尝试使用在其路由配置文件中声明的子路由来延迟加载模块,延迟模块已成功加载,但我无法导航到它的子路由. 我正在使用该技术,就好像它是一个急切加载的模块一样.我声明了路径,里面是孩子.请参阅Plunker中的“moduleB"路由文件链接按钮正在尝试导航到子路由并加载 CmpC.但它失败了. 这是我的根模块路由声明: { path: 'feature-b', loadChildre
..
在 Angular2 中,我遇到了这个问题.当您刷新页面时.URL 保持不变,但它没有在 RouterOutlet 中加载适当的视图. 除刷新页面问题外,一切正常. app.ts import {Component,bind} from 'angular2/core';从 'angular2/platform/browser' 导入 {bootstrap};从'angular2/fo
..
我正在编写 ng2 测试,但在将 Router 注入组件进行测试时遇到了一些问题.我的组件的构造函数只接受一个参数——private router: Router. 但是,当我运行测试用例时,我在尝试注入路由器时遇到错误.我究竟做错了什么?谁能提供一个有效的例子? 我正在使用 angular2-RC.1 这是我得到的错误:没有 ComponentResolver 的提供者!(Ro
..
我是 Angular 2 的新手,我需要关于路由部分的帮助.我正在使用 http://jasonwatmore.com/post/2016/09/29/angular-2-user-registration-and-login-example-tutorial 我有一个错误 导出的变量“routing"具有或正在使用来自外部模块“/home/frank/angular/node_mod
..