問題タブ [angular2-router]

バージョン "@angular/router": "3.0.0-beta.2" を "@angular/*": "2.0.0-rc.4" と組み合わせて、次の公式ドキュメントに従って新しいルーターに切り替えようとしましたコンポーネントルーター。

ただし、デフォルトの HomeComponent を使用してアプリを読み込もうとすると、問題に直面しています。

これは、インライン テンプレート スタイルを使用する代わりに、templateUrl と外部 html ファイルを使用することに関係しているようです。

HomeComponent は最初はウィンドウに表示されず、エラーがコンソールに出力されます。ただし、ホーム コンポーネントへのリンクを使用すると、秒針で表示されます。

私が変わるとすぐに

に

エラーがなくなり、HomeComponent が表示され、ルーティングが期待どおりに機能します。

それは既知の問題ですか？templateUrl を使用している人にとっては機能しますか? それを機能させるために私が尊重しなければならないことはありますか？

angular2 ルーターを使用しています。

URL のブレッドクラムを描画するには、site.com/a/b/c/15 とします。次のようにします。

1. ルートを取得し、ルートにsite.com/a/b/c/15関連付けられたきれいな名前を取得します
2. ルートを取得し、ルートにsite.com/a/b/c関連付けられたきれいな名前を取得します
3. ルートを取得し、ルートにsite.com/a/b関連付けられたきれいな名前を取得します
4. ルートを取得し、ルートにsite.com/a関連付けられたきれいな名前を取得します

したがって、次のルートがあるとしましょう。

私のプロセスの結果は、現在のルートを説明{"I am C", "I am B", "I am C"}する素敵なブレッドクラムを表示できるおかげで、配列を含むことになります。"I am A > I am B > I am C"

これは、非推奨のルーターで動作するために使用されます

しかし今; 最後のルーターでは、この認識ロジックを処理できなくなりました。

URL に関連付けられたルート データを取得する方法は?

新しいルーター (バージョン 3.0.0-alpha.7) を試していますが、routerLink ディレクティブでクエリ パラメータを指定する方法を知りたいですか?

以下の Router.navigate() メソッドは、http://localhost:3000/component-a?x=1 のような URL を生成します。

ただし、routerLink ディレクティブで同じことを行う方法がわかりません。以下のようなテンプレートは、パーサー エラーを返します...

そして、取得できる最も近いものはhttp://localhost:3000/component-a;x=1で、子ルートの構文を使用します。

RC4 にアップグレードした後、ルーターの設定で次の問題が発生しました。

ng.router.RouteConfig は関数ではありません

プレーンな JavaScript を使用しています。

これが私がブートストラップする方法です：

そして、私のメインコンポーネントは次のようになります(不要なコードを削除しました):

私が使用しています: angular: 2.0.0-rc.4 ルーター: 3.0.0-beta.1

これは私のスクリプトに含まれています：

ルーターを使用した angular 2 RC4 アプリの単体テストで問題が発生しています。それは私にこのエラーを与えます:

次のようなテストを実装しました。

このプロセスを手伝ってください。

このルーター構成を取得したと仮定しましょう

SalesComponentこの URLから に移動しました

に行きたいのcontactsですが、絶対ルートのすべてのパラメータ (7上記の例では部門 ID など) を持っていないので、相対リンクを使用してそこにたどり着きたいと思います。

また

残念ながら機能しません。明らかな解決策があるかもしれませんが、私はそれを見ていません。誰でもここで助けてもらえますか？

REST API と通信する CRUD アプリを作成しましたが、1 つのアイテムが削除された後にビューを更新する方法が見つかりません。私は過去に router.navigate を使用して、 create メソッドなどの他のメソッドの後にビューを変更しましたが、これは正常に機能します。

問題は、削除メソッドを呼び出すイベントがアイテムの同じリスト内にあることです (すべての *ngFor アイテムには独自の削除イベントがあります)。したがって、アイテムを削除してから router.navigate を使用して現在のビューに移動すると、既にそこにいるため何も実行されず、削除されたアイテムのないビューの更新されたバージョンが機能していても表示されません。

route.navigate を使用せずにビューを更新する他の方法はありますか?

編集：

ChangeDetectorRef を実装しようとしましたが、まだ機能していません...

コンポーネントは次のとおりです。

そして、これはサービスのメソッドです:

私の主なデザインは通常どおり app.component.html にあります。他のコンポーネントは、これをマスター ページのように使用します。ただし、ログインページのデザインは異なります。通常、これは他のコンポーネントと同様に、app.component.html で動作する (必須?) コンポーネントです。

私はそれを理解することはできません。何かアドバイス？