angular2-routing相关内容
我尝试在以下非常简单的组件中测试路由: import { Component, OnInit } from '@angular/core'; @Component({ selector: 'side-bar', templateUrl: `
..
因此,我想在导航到特定路线后重新加载应用程序。 我使用路由器。根据用户角色导航到特定路线,这很好用,但如果来自登录页面(不是每次用户打开特定路线),我必须在路由后重新加载页面-此处重新加载是根据用户的语言更新页面语言 所以我尝试做的是 else if(this.sp.role === 'Admin') { console.log('ooo') this
..
我正在将 ui-router2 与 angular2-rc-4 集成,但我得到了 错误:无效的提供者 - 只允许提供 Provider 和 Type 的实例,得到:[object Object] 以下是引导代码 从“ui-router-ng2"导入{trace,UIROUTER_PROVIDERS,UIView,UIRouterConfig,Category,UIROUTER_DIR
..
首先,对于缺少这方面的代码表示歉意,我只是想弄清楚它是否可以完成,以及哪些 API/库允许我这样做. 我有一个用 Angular 编写的 Web 应用程序前端.由于服务器的位置和返回数据的性质,它从中获取数据的后端服务之一通常需要 2-3 分钟才能返回.现在我在前端显示了一个动画微调器,直到返回响应,这不是很好,因为这会阻止用户在收到响应之前执行任何操作.我想知道的是,是否可以从前端发送请求
..
我正在尝试通过路由在我的应用中启动模式.除了在 URL 中添加了一个额外的斜杠以防止其解析之外,一切似乎都有效.Url 应该是这样的(如果我手动输入它就可以工作)... /accounts(modal:accounts/1/edit) 但我得到了这个(注意基本网址和出口目标之间的斜线)... /accounts/(modal:accounts/1/edit) 基础标签已设置...
..
在我的 angular 2 应用程序中,我有一个传单地图,其中包含一个绑定到 onClick 事件的弹出窗口. 弹出窗口的内容有一个指向角度组件的链接.但是,当我在 .setContent() 函数中使用 routerLink 时,链接不会显示. 我猜这是因为 .setContent() 无法呈现有意义的 angular 2 指令.我可以用什么代替? @Component({选择器:
..
我有一个简单的路由器保护,我正在尝试测试 canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot).我可以像这样创建 ActivatedRouteSnapshot new ActivatedRouteSnapshot() 但我不知道如何创建一个模拟的 RouterStateSnapshot. 根据我尝试过的代
..
如何在 Angular 2 中模拟函数的点击事件?对于我的 Home 组件,我有: 主页组件 从'@angular/core'导入{组件};从'@angular/router'导入{路由器};@零件({模块ID:模块ID,templateUrl: 'home.component.html',styleUrls: ['home.component.css'],选择器:'家',})导出类 Ho
..
我有一个 angular 2 组件,它响应路由参数的变化(组件不会从头开始重新加载,因为我们没有移出主路由.这是组件代码: 导出类 MyComponent{ngOnInit() {this._routeInfo.params.forEach((params: Params) => {if (params['area']){this._pageToShow =params['area'];}});
..
我需要在 HTML 中设置 或在 Angular 2 引导期间设置 APP_BASE_HREF 以不引发异常.如果我设置了其中任何一个,则 Electron,考虑到文件系统,在尝试匹配路由时会在 browser_adapter.ts 中引发异常: 异常:错误:未捕获(承诺中):无法匹配任何路由.当前段:'C:'.可用路由:['/dashboard', '/accounts'].
..
尝试在 Angular 4 中使用嵌套路由时出现此错误: ERROR 错误:未捕获(在承诺中):TypeError:无法读取 null 的属性“组件"TypeError:无法读取 null 的属性“组件"在 PreActivation.webpackJsonp.../../../router/@angular/router.es5.js.PreActivation.traverseRoutes
..
目前我正在使用 Angular 2 Beta 8 开发一个网络应用程序.现在我在使用 routerLink 指令时遇到了嵌套路由的问题. 路由器层次结构是: AppCmp|->NewItemFormCmp|->UserDashboardCmp|->MyItemsCmp 涉及的组件有: @Component({...})@RouteConfig([{组件:NewItemFormCmp,名
..
我正在尝试制作一个项目,其中一个路由器插座位于另一个路由器插座中: 它将像这样工作: 在第一个路由器插座中,它将有两个视图: 身份验证组件(/login) 管理组件(/admin) 然后在第二个出口将在管理组件内,具有自己的路由,将呈现这些: 仪表板 (/admin) 个人资料(/admin/profile) 用户 (/admin/users)
..
在 Angular 1.x 中,我可以执行以下操作来创建一个基本上什么都不做的链接: 我的链接 但在 Angular 2 中,相同的标签会导航到应用程序库.在 Angular 2 中,它的等价物是什么? 编辑:它看起来像 Angular 2 路由器中的一个错误,现在有 github 上的一个未解决问题. 我正在寻找开箱即用的解决方案或确认不会有任何解决
..
我有一个带有两个 canActivate 守卫(AuthGuard 和 RoleGuard)的路线.第一个 (AuthGuard) 检查用户是否已登录,如果没有,则重定向到登录页面.第二个检查用户是否定义了允许查看页面的角色,如果没有,则重定向到未经授权的页面. canActivate: [AuthGuard, RoleGuard]...导出类 AuthGuard 实现 CanActivate
..
我正在使用 Angular 2、谷歌地图等制作房地产网站,当用户更改地图中心时,我会搜索 API,指示地图的当前位置以及半径.问题是,我想在不重新加载整个页面的情况下在 url 中反映这些值.那可能吗?我找到了一些使用 AngularJS 1.x 的解决方案,但没有找到关于 Angular 2 的解决方案. 解决方案 你可以使用 location.go(url) 这基本上会改变你的 url
..
我在 Angular 组件中开始了一个间隔,但即使在我更改路由之后它仍然不断发出请求.我怎样才能停止间隔? //返回一个observablegetAllPolls() {return Observable.interval(2000).switchMap(() => this._http.get('https://xq4kftam4k.execute-api.us-east-1.amazonaw
..
我创建了两个关于路由的 loadChildren 和出口导航问题的 plunker.出于某种原因,在加载的子模块中具有空的基本路径不适用于插座导航. 在这个示例中,按“联系"链接失败. app-routing.module const appRoutes: Routes = [{ path: 'admin', loadChildren: () =>管理模块 },{ 路径:'',重定向
..
我的 app.routes 中有 4 条路线. import { NgModule } from '@angular/core';从'@angular/router' 导入 { Routes, RouterModule };导出const pageRoutes:路由= [{path: '', redirectTo: 'home', pathMatch: 'full'},{path: 'home'
..
我反复遇到这样一种情况:我想访问位于路由器插座另一侧的子组件而不是选择器: 喜欢:不是: 据我所知,这与 ViewChild 功能冲突,但似乎我的组件应该能够像查看选择器标签中的内容一样轻松地查看路由器出口中的内容并与之交互. 例如我试过这个: 导出类 RequestItemCatsComp {@ViewChild('chil
..