问题标签 [angular2-routing]
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 - Angular2 组件路由器基本问题
开始学习 angular2 beta 组件路由。到目前为止,我已经这样做了。
http://plnkr.co/edit/4YWWGhuBWd2CoWpC3GeY?p=preview
我已经复制了以下所需的 CDN。请看这里。
src/boot.ts
源/锥
src/ctwo
请检查您的开发控制台。它给出了一个错误
例外:LocationStrategy 实例化期间出错!(RouterLink -> 路由器 -> 位置 -> LocationStrategy).BrowserDomAdapter.logError @ angular2.dev.js:23514 angular2.dev.js:23514 原始异常:未设置基本 href。请提供 APP_BASE_HREF 令牌的值或向文档添加基本元素。
此外,它不会将我重定向到目的地。我试图添加 < base href="/" > 但它允许给出错误。
我希望链接正常工作。
angular - Angular 2路由器中间的通配符选择器
我正在尝试使用 Angular.js 2 开发一个项目。我正在尝试使用路由器。
我正在尝试创建一个带有参数的路由来捕获以下内容:
/m/SOMETHING1/c/SOME/THING2/p/SOMETHING3
请注意 SOME/THING2 是一个字符串,其中可能包含 0 个或多个 /
我需要的路线定义是这样的:
{ path: "/m/:sth1Var/c/*sth2Var/p/:sth3Var", component: MultiPost, name: "RouteName" }
但我找不到在中间使用通配符 (*) 的方法。
如果不捕获所有 url 并自己解析整个事情,我想要实现的目标是可能的吗?
node.js - 服务 Angular2 应用程序
使用lite-server (Angular2 docs) 我的 Angular 应用程序运行完美,但使用node-static手动导航不起作用。
例如,如果我使用lite-server手动编写localhost/404 ,我可以看到我的 404 页面,但如果我使用node-static为应用程序提供服务,我会得到一个空白页面。
控制台仍然是空的,所以我真的不明白原因。
这是我的节点静态服务器代码:
非常感谢!
angular - 组件没有路由配置。在组件中 - Angular 2 路由错误
我对 Angular 2.0 很陌生(谁不是!?!?!),我无法让我的路由工作!我不断收到错误“ Component "LoginComponent" has no route config. in [['/Register'] in LoginComponent
”。
这是从我的文件中获取的我@RouteConfig
和引导代码(以证明我正在注入依赖项)boot.ts
这是我的 LoginComponent 代码...来自我的login.component.ts
文件
在我看来,我有一个指向我的应用程序不同部分的链接。取自我的login.component.html
档案
但是在浏览器中我收到以下错误:
例外:组件“LoginComponent”没有路由配置。在 [['/Register'] 在 LoginComponent@23:19]
原始异常:组件“LoginComponent”没有路由配置。
原始堆栈跟踪:错误:组件“LoginComponent”没有路由配置。
谁能看到问题到底是什么?在我介绍超链接之前,默认设置有效,一切都很好<a [routerLink]="['/Register']">Register</a>
。我一直在努力解决这个问题!
这是我的项目结构(如果有帮助)...
angular - Angular 2,注入 RouteData 会引发异常“无法解析 RouteData 的所有参数”
我想根据使用 Angular2 的当前路线显示一个标题。
我写了以下组件:
我的路线是这样配置的:
我的应用程序引导程序是:
在我的 HTML 模板中添加Cannot resolve all parameters for RouteData
时出现错误:<header-title>
google-analytics - 与 Angular 1 不同,谷歌机器人可以索引 angular2 路线吗?
我很好奇 angular 2 spa 可以被索引吗?
谷歌过去只会索引第一页,例如主页
angular 2能解决这个问题吗?
我在这里,谷歌已经索引 JavaScript 和 css 文件有一段时间了。
我是否需要对我的 angular 2 应用程序执行任何操作才能在我的应用程序中索引所有路线?
谢谢
angular - 在组件或服务中使用 router.navigate 是最佳做法吗?
我不知道 Angular 背后的哲学,特别是关于测试,足以知道我是否应该更喜欢router.navigate()
在组件或服务中使用。
例如,假设您有一个LogInComponent
管理您的登录表单和一个AuthService
处理与服务器对话的表单。当用户成功登录时,您希望将他们从登录屏幕重定向到应用程序的主页。最好在LogInComponent
or中执行此操作AuthService
?
angular - Angular 2,永远不会为实现 OnActivate 的组件调用 routerOnActivate 方法
我正在尝试使用官方文档中的示例代码使用 Angular 2 路由器记录当前路由:https ://angular.io/docs/ts/latest/api/router/OnActivate-interface.html
方法routerOnActivate
永远不会被调用。
RouteConfig
我使用注释配置了路由:
我应该在路由器中配置其他东西来激活侦听器吗?
url - Web 应用程序中的 PathLocationStrategy 与 HashLocationStrategy
使用有什么好处和坏处:
- PathLocationStrategy - 默认的“HTML 5 pushState”样式。
- HashLocationStrategy - “哈希 URL” 样式。
例如,使用HashLocationStrategy将阻止通过其#ID 滚动到元素的功能,但是一些 3rd 方插件需要HashLocationStrategy或Hashbang #!为了在ajax网站上工作。
我想知道哪一个为 webapp 提供更多。
angular - Redirect to a different component inside @CanActivate in Angular2
Is there any way we can redirect to a different component from @CanActivate in Angular2 ?