使用不同数据加载相同组件时不会调用 ngOnInit
我有一个 angular 2 应用程序，我像其他人一样使用路由器在视图之间导航.以下是我对特定组件的路径的样子: {路径:'home/view1/:viewID',组件:视图组件，孩子们: [{ path: 'pane/:paneId/section/:sectionId', 组件: SectionEditComponent },{ 路径:'**'，组件:ViewEditComponent }]
..
angular2-routing相关内容
用于延迟加载的 CanLoad 与 CanActivate
如果我使用延迟加载并为“CanLoad"定义了一个保护.是否需要“CanActivate"?因为模块可能被有效加载，但随后用户做了一些使“CanLoad"无效的事情，但由于它被加载，用户可以通过 CanLoad. 解决方案 如果您已经实现了 CanLoad，则延迟加载不需要 CanActivate. 如果您需要检查未经授权的访问，您可能仍想用 CanActivate 替换 CanLo
..
Angular - 构建后未处理的导航错误
我通过以下命令构建了一个带有 2 个路由的简单 angular 应用程序: ng build --aot --prod --base-href ./ 然后我打开位于 dist 文件夹中的 index.html 文件，应用程序运行但路由不起作用，我在控制台上收到以下警告: 希望能很好地解释我的问题.提前致谢. 解决方案 使用 Angular 路由引擎将迫使您将应用托管在某个服务器上
..
从 *Routed* 子组件访问父@Component 和 vars
我正在尝试使用嵌套子组件中的按钮切换位于主应用程序模板顶部的侧边导航菜单.我不知道如何到达父级中的 sidenav 组件以告诉它sidenav.open(). 我知道子组件上的@Input 和@Output，但据我所知，要使用它，我需要为子组件添加某种DOM 标记以将它们附加到?如: ...
..
http拦截器中的Angluar2路由
我使用 Angular 2.4.8.与后端的通信是通过 REST 进行的.在每个请求中，我需要在标头中发送 X-Auth-Token.令牌存储在会话中.当令牌过期时，服务器返回 401 状态.在这种情况下，我希望应用程序转到登录页面. 我在我的项目中添加了 http 拦截器 @Injectable()导出类 HttpInterceptor 扩展 Http {构造函数(后端:XHRBacke
..
由路由器插座创建的组件如何设置输入绑定?
当路由器创建组件时，如何设置属性绑定? 解决方案 不支持对路由器添加的组件使用绑定.另请参阅此讨论 https://github.com/angular/angular/issues/4452 使用共享服务与路由器添加的组件进行通信.详情参见 https://angular.io/docs/ts/latest/食谱/component-communication.html
..
Angular 2 错误:提供者无效 - 仅允许提供者和类型的实例，得到:[object Object]
我正在将 ui-router2 与 angular2-rc-4 集成，但我得到了 错误:无效的提供者 - 只允许提供者和类型的实例，得到:[object Object] 以下是引导代码 从“ui-router-ng2"导入{trace、UIROUTER_PROVIDERS、UIView、UIRouterConfig、Category、UIROUTER_DIRECTIVES}；从“@a
..
将 NavigationExtras 传递给模板中的 routerLink
我想在我的 Angular 2 应用程序中路由时禁用更改 URL. 我知道 skipLocationChange: true 必须作为 NavigationExtras 参数传递给路由器. 我的问题是: 是否可以从模板内部将 NavigationExtras 传递给 routerLink? 我尝试过的: {{标题}}
..
路由器插座不是已知元素
以下代码有效: /*app.module.ts*/从'@angular/core' 导入 { NgModule };从'@angular/http'导入{HttpModule}；从 './app.component' 导入 { AppComponent };从'./letterRecall/letterRecall.component'导入{LetterRecall}；@NgModule({进口
..
angular2:如何在保持重定向 url 的同时获取 CanLoad 防护的完整路径
我使用的是 angular 2.4 版本和路由器版本“^3.4.10". 我正在尝试使用身份验证保护服务处理重定向 url. 当用户点击 url 'domain/assignment/3/detail' 并且如果用户未登录，则用户重定向到 'domain/login' 页面.当用户成功登录系统时，重定向到用户尝试访问的“域/分配/3/详细信息"上一个 url. 我已经在赋值模块上
..
无法绑定到“routerLink"，因为它不是“a"的已知属性
我正在将我们的一个应用程序从 rc4 更新到 angular2.0.0，但在运行时遇到模板解析错误.这是我的视图模板:
..
angular 2 在重定向后保留来自 URL 的状态
我在 /app/123 处启动我的 Angular 应用程序的 index.html 文件，并希望使用 /app 重定向到处理 /app 的控制器code>123 保留有关最初查询内容的信息. 如何实现? 解决方案 您有多种选择: 1) 您可以使用查询参数保留有关路线的信息.这允许您在组件之间来回传递相同的参数. 2) 或者，您可以构建一个服务来保存您的共享数据.服务是为
..
Angular 2 - 引导程序导航问题
我正在尝试将普通的引导程序页面转换为 Angular 2 中的组件.我在构建导航时实际上遇到了问题.最初的标签 如下所示
..
angular2 以编程方式从资源文件中导入组件
Angular2 rc.4 - rc.5 我们可以以编程方式导入组件吗? 例如，如果我有以下导入语句，我想转换 import {HelloComponent} from './hello.component';从'./inc.component'导入{IncComponent}； 是否可以在运行时使用 system.import 从资源文件中导入组件，如下所示? 任何建议表示赞赏
..
Angular - 页面之间的动画(更改路线后)
我还是 Angular 2 的新手，想知道是否有办法在切换路由时让一个组件“飞入"并让另一个组件“飞出".假设我有 2 个组件:Test1Component 和 Test2Component 以及指向每个组件的 2 个路由.最好的方法是什么? 解决方案 https://github.com/angular/angular/issues/9845#issuecomment-235799008
..
Angular2 延迟加载路由问题
Angular2 延迟加载路由问题. 我使用的是 Angular2、typscript、html5 和 systemjs. 我正在尝试为我的基本路线之一进行延迟加载.这是我正在关注的博客，但我似乎无法让它工作:http://blog.angular-university.io/angular2-ngmodule/ 这是我得到的控制台错误: 未捕获(承诺):错误:无法匹配任何
..
Angular 2 - 路由器:如何在路由解析期间为页面转换设置动画
目前在我的 NG2 应用程序中，我正在使用 解析器，它与信号器建立连接. 我在我的 route 配置中配置了解析器，所以当导航到目标页面时，解析函数被相应地调用. 我设法在目标页面初始化时显示动画. 但是，我想在解析器解析期间显示“正忙"之类的动画，但我不知道如何执行此操作.有什么建议吗? 这是我当前的设置: //resolver.ts@Injectable()导出类 Con
..
在 Angular 2 中执行 jQuery 每个路由更改
我目前在 jQuery 中使用 Angular 2，jQuery 被连接到一个单独的文件中.这个文件存在于许多范围之外，范围只是一个文档就绪函数，每个特定元素都有一个 当在正确的页面上重新加载浏览器时，代码执行得非常好，因为它确实找到了准备好的文档元素，但是当从另一个页面导航时，代码不会运行. 我尝试通过在应用组件中设置 ngAfterViewInit() 来解决这个问题，在那里加载脚
..
Angular 2.0.0-rc3:部分路由与 routerLinkActive 匹配
我在主要路由中使用了 routerLinkActive. Bob 当 URL 为 /user 时，active 类会被添加到 a 标签中，但是在主路由下，我也有一些次要路线，所以当 URL 为 /user/aa 时，活动将被删除. 我希望当 URL 是 /user/aa 或 /us
..
在 Angular Route 中传递 int 数组
嗯，我在问这个问题之前做了一些研究. 这是我的路 { path: 'cart/:productIds', 组件: CartComponent } 我想在 AppComponent 中单击如下所示的购物车时传递 productIds.我可以这样做吗? goToCart() {this.router.navigate(['/cart', this.productIds]);} 我正在尝
..