2017-08-02 11 views
1

ルートを定義するときにルーティングするカスタムデータを追加します。ルートにカスタムデータを追加する方法は?

どうすればいいですか?

のような:

{ 
    path: 'department', 
    component: DepartmentComponent, 

    customdata: { 
    name: 'foo', 
    age: '23' 
    } 
} 

私は、URL内のカスタムデータの表示を望んでいません。私はそれを内部的に使っています。

[ 
    {path: 'inbox', data: {name: 'foo', age: 23}}, 
] 

をし、このように読める:

+0

[角2:経路にデータを渡すか?](https://stackoverflow.com/questions/37157838/angular-2-passing-data-to-routes) –

答えて

2

あなたは、このようにルートにカスタムデータを定義することができ

export interface Route { 
    path?: string; 
    ... 
    data?: Data; 
} 
+0

'params'はルートプロパティです「角度」の、またはカスタマイズされていますか?私はそれを私が欲しいプロパティ名に置き換えることはできますか? – novaline

+0

はい、ルートのプロパティです。私が示した方法でオブジェクトを指定することができます。 –

+0

'Route'インターフェースのプロパティではないようです。 – novaline

1

I:

class ConversationCmp { 
    constructor(r: ActivateRoute) { 
     r.data.subscribe((p) => { 
       console.log(p); 
     }); 
    } 
} 

それはRouteインターフェイスで定義されています次のようにしてください:

{ path: 'admin', canActivate: [RoleGuard], data: { roles: ['admin'] } } 

私はそれを使用してルートにカスタムプロパティを追加し、ルートに設定している特定の役割を持つユーザーのみがアクセスできるようにします。

関連する問題