問題タブ [angular2-routing]

いくつかのルートを持つ非常に単純な angular2 アプリがあります。

問題は、プロジェクト インデックスでプロジェクトをクリックすると、現在、プロジェクトの詳細のルートに移動することに成功していますが、ページを更新すると、すべての angular2 依存関係で404 エラーが発生することです。これが私のpackage.jsonです。

私のboot.ts :

私のproject-detail.component.ts :

私のprojects.component.ts :

最初のページに注文のリストがあり、別のページに注文の詳細を表示して、それを更新し、ホームページに戻ったときに保存できるようにしたいと考えています。これが私のコードです：

app.component.ts:

home.component.ts:

order-details.component.ts:

order-details.html :

redirectTo-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 では、コントローラー名を文字列値として指定できます。

角度コミュニティ！

現在、AngularJS アプリを Angular 2 に書き直しています。次のように記述できる問題を解決したいと思います: ルート タブ + 子ルート。

したがって、基本的に Angular 2 の Router は非アクティブなコンポーネント (私のタブ!) を破棄します。問題は、私がこの振る舞いを望んでいないことです。理由は、グラフやデータ グリッドなどのコンポーネントがいくつかあり、それらをすばやく切り替えたいため、それらを再作成したくないからです。

ルートを持ちながらタブを永続化するための回避策をいくつか見つけましたが、このアプローチを使用すると、子ルートを実装する方法がわかりません。永続化する必要があるサブタブがさらにあるため、ソリューションの深さに依存しない (つまり、より深いレベルで作業する) ことも望んでいます。

回避策は次のとおりです。いくつかの空のコンポーネントをルートに配置し、[hidden]プロパティでそれらを非表示にするタブを自分でインスタンス化しました。

app.ts:

app.html:

URL パラメーターが設定されているときにタブを開くために、Angular 2 コンポーネントでディープリンクを実行しようとしています。例：

http://my.project/tabs/2

これにより、デフォルトのタブ #1 ではなく、ページの読み込み時にコンポーネントがタブ #2 を読み込むようになります。

http://my.project/tabs/2また、ページ上でタブ #2 がクリックされたときに、現在の URL を変更する必要があります。