问题标签 [angular2-router]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - Angular 2 路由
我在网上搜索了一个更改浏览器 url 的 angular2 路由器示例。当我们更改不同的路线时,所有示例都不会更改浏览器 url。你能给我一个 ES6 中的小例子来证明这一点吗?
typescript - ComponentInstruction 和 CanActivate 在 Angular 2 rc1 中不可用
我正在使用带有 angular 2 rc.1 的打字稿编写一个 angular2 应用程序
我猜 angular 2 文档还没有更新。
https://angular.io/docs/ts/latest/api/router/ComponentInstruction-interface.html
https://angular.io/docs/ts/latest/api/router/CanActivate-decorator.html
angular2-rc.1 中不再提供 ComponentInstruction 接口和 CanActivate 装饰器。相反有什么?
我有以下课程需要升级到最新的角度版本。
新的@angular/router 包现在具有 CanDeactivate 和 OnActivate。这让我有点困惑。
我猜
https://angular.io/docs/js/latest/api/router/CanDeactivate-interface.html
也没有更新,因为它说:The routerCanDeactivate hook is called with two ComponentInstructions as parameters
,并且不再定义 ComponentInstruction 。
我不想使用这个angular/@router-deprecated
包。我想解决这个问题!请!:)
任何有关该问题的信息将不胜感激。
angular - 如何使用带有查询参数的 Angular 2 RC.1 路由器导航到自我
在组件初始化期间使用 router.navigate() 设置查询参数的正确方法是什么(不触发组件重新加载)?我尝试了一些变化,但都失败了。我有一个带有@Routes 的应用程序组件,一个带有@Routes 的父组件和一个子组件。应用路由是'/:evt'->ParentComponent,父路由是'/child'->ChildComponent。子组件有
选项 1 和 2 使组件无法加载或至少使其处于不良状态。但是日志中没有错误。
选项 3 将重新加载完整路线并跳转到页面顶部。所以不能使用,但似乎工作。
选项 4 触发组件的重新加载。所以我得到激活,初始化,激活,初始化,然后是最终 url 的 2x router.changes,/:evt/child 的初始路由没有路由更改事件,只有 /:evt/child;x=1; 两次。随后是关于 _recognize 的子组件上缺少路由的异常。
我还尝试在子构造函数期间调用 router.navigate() ,但这触发了导致 Chrome 崩溃的无限组件重新加载循环:)。
在 Angular 1 中,您可以在组件初始化期间调用 $location.search(query) 来更新查询参数而无需重新加载组件。在 Angular 2 RC 1 (Restart/Reset/Redo Candidate ;) 我找不到等效的调用。
angular - angular2 router.navigate 与数据一起 - 隐藏 URL 中的数据
我想与数据一起导航到 angular2 中的某个页面,同时数据来自 URL。有没有办法在不显示 URL 的情况下传递数据?
我正在使用以下代码:
angular - 新的 Angular2 RC 路由器
关于新的 angular2 路由器还有一些问题和现在的信息。
首先,新的@Routes 中没有“名称”,因此应该始终存在相对 URL 路径,这没关系。
但是我怎样才能检查哪条是我激活的路线?在不推荐使用的路由器中,我这样做了:
另一件事是,这是检查用户是否有权导航到路由的最佳方法。什么是它的最佳实践,直到现在我做了这样的事情:
有人可以给我一个在新的 angular2 路由器中做这一切的例子吗?
谢谢
angular - 根据条件使用 routerlink 或 href
我在组件中有这段代码
这在使用 app.component 中定义的本地路由时按预期工作,但当外部路由重定向到 http:localhost:5555 | http://external.com 有没有办法将 routerLink 用于本地路由,将 href 用于外部路由?
angular - 如何将 Angular2 应用程序加载到另一个 Angular2 应用程序中
我有一个 angular2 应用程序,它有一个导航栏、一个侧边栏和一个内容区域:http://localhost:4200/
单击导航栏/侧边栏项目时,我希望内容区域从我们将设置的其他 angular2 应用程序中获取其内容,有点像前端微服务方法。
到目前为止,我可以加载它们的唯一方法是在 iframe 中:
是否有另一种方法可以在没有 iFrame 的情况下将其他 angular2 应用程序加载到我的主应用程序中?这些 ui 应用程序是否可以仅导出它的主要组件,然后将其导入以在主应用程序中使用?
typescript - Prevent the duplciate path/route usage in the routerLink
Thats my html file:
This terminal route is already defined the parent component Routes configuration.
Due to maintaining my software I would like to declare kind of a constant string and re-use it from my Routes and routerLink.
How can I do that ?
typescript - 无法将任何路由与子路由和新的 Angular 2 RC1 路由器匹配
应用组件
学年组件
schoolyears.component.html
当我单击“创建”routerLink 时,我收到此错误:
错误
为什么没有加载子路由?为什么 /create 路由不在可用的路由数组中?