@ angular / router中的通配符参数

时间:2016-05-29 12:45:06

标签: angular angular2-routing

我正在使用@ angular / router @ version 2.0.0-rc.1

我似乎无法使用通配符参数,并且从阅读代码看起来似乎没有支持。

2 个答案:

答案 0 :(得分:3)

使用Angular 2.0.0(最终版本)和新路由器,您通常可以使用通配符,现在使用的路径没有斜线。

注意:
路线的顺序很重要:它应该从最具体到最不具体。因此,对于下面的简单示例,路线' **' (匹配任何东西)应该放在最后,所以所有其他可能的路线将被之前的路线覆盖。

export class BalanceComponent {
    // defining balance in component
    // 1 is the default value. You can set it whatever you want.
    private balance = {
        viewBy: 1
    };

    search_data_balance(balance){
        console.log(balance);
        console.log(balance.viewBy); // viewBy value
    }
}

答案 1 :(得分:1)

你可以在app.ts

中这样做
import {Home} from './Home';

...

@RouteConfig([
  { path: '/home', component: Home, name: 'Home' },
  { path: '/**', redirectTo: ['Home'] }
])

在这个例子中,我们只设置了一个真实的路由,那就是/ home路由。我们还指示应用程序将任何请求重定向到无法识别的路由到Home组件。每个RouteDefinition都需要一个路径,一个名称,以及一个组件,加载器或redirectTo。