问题标签 [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.

0 投票
1 回答
10456 浏览

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="/" > 但它允许给出错误。

我希望链接正常工作。

0 投票
1 回答
841 浏览

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 并自己解析整个事情,我想要实现的目标是可能的吗?

0 投票
1 回答
299 浏览

node.js - 服务 Angular2 应用程序

使用lite-server (Angular2 docs) 我的 Angular 应用程序运行完美,但使用node-static手动导航不起作用。

例如,如果我使用lite-server手动编写localhost/404 ,我可以看到我的 404 页面,但如果我使用node-static为应用程序提供服务,我会得到一个空白页面。

控制台仍然是空的,所以我真的不明白原因。

这是我的节点静态服务器代码:

非常感谢!

0 投票
3 回答
8213 浏览

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>。我一直在努力解决这个问题!

这是我的项目结构(如果有帮助)...

项目结构

0 投票
2 回答
1242 浏览

angular - Angular 2,注入 RouteData 会引发异常“无法解析 RouteData 的所有参数”

我想根据使用 Angular2 的当前路线显示一个标题。

我写了以下组件:

我的路线是这样配置的:

我的应用程序引导程序是:

在我的 HTML 模板中添加Cannot resolve all parameters for RouteData时出现错误:<header-title>

0 投票
1 回答
584 浏览

google-analytics - 与 Angular 1 不同,谷歌机器人可以索引 angular2 路线吗?

我很好奇 angular 2 spa 可以被索引吗?

谷歌过去只会索引第一页,例如主页

angular 2能解决这个问题吗?

我在这里,谷歌已经索引 JavaScript 和 css 文件有一段时间了。

我是否需要对我的 angular 2 应用程序执行任何操作才能在我的应用程序中索引所有路线?

谢谢

0 投票
1 回答
1681 浏览

angular - 在组件或服务中使用 router.navigate 是最佳做法吗?

我不知道 Angular 背后的哲学,特别是关于测试,足以知道我是否应该更喜欢router.navigate()在组件或服务中使用。

例如,假设您有一个LogInComponent管理您的登录表单和一个AuthService处理与服务器对话的表单。当用户成功登录时,您希望将他们从登录屏幕重定向到应用程序的主页。最好在LogInComponentor中执行此操作AuthService

0 投票
1 回答
6587 浏览

angular - Angular 2,永远不会为实现 OnActivate 的组件调用 routerOnActivate 方法

我正在尝试使用官方文档中的示例代码使用 Angular 2 路由器记录当前路由:https ://angular.io/docs/ts/latest/api/router/OnActivate-interface.html

方法routerOnActivate永远不会被调用。

RouteConfig我使用注释配置了路由:

我应该在路由器中配置其他东西来激活侦听器吗?

0 投票
3 回答
20175 浏览

url - Web 应用程序中的 PathLocationStrategy 与 HashLocationStrategy

使用有什么好处和坏处:

  1. PathLocationStrategy - 默认的“HTML 5 pushState”样式。
  2. HashLocationStrategy - “哈希 URL” 样式。

例如,使用HashLocationStrategy将阻止通过其#ID 滚动到元素的功能,但是一些 3rd 方插件需要HashLocationStrategyHashbang #!为了在ajax网站上工作。

我想知道哪一个为 webapp 提供更多。

0 投票
6 回答
40593 浏览

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 ?