问题标签 [angular2-routing]

我有一个非常简单的 angular2 应用程序，有几条路线：

问题是，当我单击项目索引上的项目时，我目前成功导航到项目详细信息的路径，但是一旦我刷新页面，我在所有 angular2 依赖项上都会出现404 错误，这是我的package.json：

我的boot.ts：

我的项目-detail.component.ts：

我的projects.component.ts：

我的测试页面使用 beta.0 进行路由，但没有使用 beta.1。Atom-typscript 在页面加载时没有显示错误并且控制台没有错误，但是锚选择没有链接颜色 - 它们有文本颜色。单击锚点时，会出现此控制台错误。

相关代码为：

app.ts （boot.ts 文件对所有组件进行引导）

headerFooter.html

主页.ts

postApartment4Rent.ts - 与 home.ts 相同，除了 @Component 和 class 语句中的选择器

解决方法是什么？发行说明没有提到路由器的重大更改。

我目前有以下模板

在 ProjectAppComponent 中。

ProjectAppComponent 具有项目数组和将新项目推入其中的方法。我想为项目表单和项目列表创建子路由，以便我可以执行/projects/new并/projects/show显示表单或列表。我创建了这样的路线配置 -

对于 ProjectAppComponent 类本身。现在的问题是我不知道如何将项目数组（[projects]="projects"在模板中）传递给 ProjectListComponent，因为<project-list>不再使用选择器（必须使用<router-outlet>）。ProjectListComponent 依赖于@Input() project: Project渲染所有项目。我应该如何解决这个问题？这是项目列表组件 -

我在第一页上有一个订单列表，我想在另一个页面上显示一个订单的详细信息，以便能够更新它，并在返回主页时保存它。这是我的代码：

app.component.ts：

home.component.ts：

order-details.component.ts：

order-details.html ：

I am looking for equivalent of $urlRouterProvider.otherwise in Angular 2.

More details:

I have a router definition like this:

Both routes are working perfectly, for instance when I hit / or /m/sth/sth/0 I got what I want.

But when I hit a random url like /kdfsgdshdjf nothing happens. Page is rendered and <router-outlet> is empty since no route is matched.

What I want to do is to redirect all non matching routes to a default one. I need something like $urlRouterProvider.otherwise("/");.

Does anyone knows how to do that?

有没有办法在 redirecTo-Statement 中访问 routerParams？

我想将 'Order' 路由的 orderId 传递给 'OrderDashboard' 路由，但我不知道要写什么而不是???

如果我替换???所有3工作正常（如果用户只对订单号 3 感兴趣；-)）

{path: '/:orderId', name: 'Order', redirectTo: ['OrderDashboard', {orderId:???}]} {path: '/:orderId/dashboard', name: 'OrderDashboard'}

有必要从外部 json 文件配置路由器

包含编译错误的示例：

注意组件：“仪表板” - 这是错误的。组件字段必须是 Type 类型。另一种方法是使用 Router.config() 方法，但我不知道如何使用它。我试过了，但我做不到。在 Anular2 路由器中可以吗？在 angular1 中，我可以将控制器名称指定为字符串值。

我不知道为什么我不能让路由器作为依赖项导入。在控制台中，我收到错误：

看看他们使用几乎相同的设置的谷歌示例，所以我不太确定我哪里出错了。如果我注释掉路由器的导入，它会按预期工作。

索引.html：

index.js：

角社区！

我目前正在将 AngularJS 应用程序重写为 Angular 2。我想解决可以描述为的问题：路由选项卡 + 子路由。

因此，基本上 Angular 2 中的路由器会破坏非活动组件（我的选项卡！）。问题是我不想要这种行为。原因是我有一些像图表和数据网格这样的组件，并且想在它们之间快速切换，我不想重新创建它们。

我找到了一些解决方法来保留我的选项卡，同时拥有路由，但使用这种方法我不知道如何实现子路由。我还希望有一个与深度无关的解决方案（意思是：更深入地工作），因为我有更多需要保留的子选项卡。

解决方法是：我将一些空组件放入路由并实例化选项卡，我自己用[hidden]属性隐藏它们：

应用程序.ts：

应用程序.html：

我正在尝试在 Angular 2 组件中进行深度链接以在设置 URL 参数时打开选项卡。例子：

http://my.project/tabs/2

然后，这将触发我的组件在页面加载时加载选项卡 #2，而不是默认选项卡 #1。

我还需要将当前 URL 更改为http://my.project/tabs/2在页面上单击 Tab #2 的时间。