問題タブ [angular2-router]

Angular2 開発者の皆様、こんにちは。

ここに私が直面している課題があり、それを解決する方法がわかりません。

次のような app.component.ts ファイルがあります。

ヘッダーのすべてのビューを header.component に記述し、HTML にロードしました。「header.component」では、「left-menu.component」をロードしています。left-menu.component には、「app.component」にロードされるハイパーリンクがあります。

「ルーターのプロバイダーがありません」というエラーが表示されます。

angular.io サンプルに基づいて続行しましたが、解決できませんでした。

これが私がコードを書いた方法です。header.component.ts

left-menu.component.ts

app.routes.ts

main.ts

誰でもこれで私を助けることができます.a

Every topic on Angular2 routing has a fixed navbar

So basically when clicked on the link to Component One, this Component will be rendered underneath the <nav></nav>

What I need is when you click on Component One, the full view (full page) changes to the view of Component One (thus without the <nav></nav>)

I tried putting the <router-outlet> in a seperate @Component

and then

the App component looks like this:

also tried putting <home> inside <view> but nothing

Always getting the same error:

Error: Cannot find primary outlet to load 'OneComponent'

Anyone that can help me with this? Thx!

edit

新しいルーターでAngular 2 rc-4を使用しようとしています。

次に、ルート変更イベントをサブスクライブします。イベントが発生したときにアイテムを見つけたい

問題は、パラメーターを含む URL にあります。

現在のページの URL と比較する方法や、RouterConfig に問い合わせる方法がわかりません。

手伝ってくれませんか？

質問にコードやドキュメントを追加しすぎることなく、Angular 2 Demo の [routerLink] コードで問題を解決しています。

バージョニング

Node.js - v4.4.7
@angular - 2.0.0-rc.1

app/app.component.ts

アプリ/アプリ.コンポーネント.html

レンダリングされた HTML (ブラウザ内)

[routerLink]="['TasksComponent']をアンカー タグから削除すると、アンカー タグは問題なく表示されます。[routerLink] のレンダリングが何らかの問題を引き起こしています。問題の範囲は次のとおりです。インポートコマンドやその他の Angular 2 関連情報には含まれていないため、コードの範囲を問題のバージョン、typescript ファイル、および html ファイルに縮小しました。

Lite Serverを使用してこれを実行しています。任意の支援をいただければ幸いです。

私はAngular2 routes チュートリアルに従っています。デフォルト ルーター '' を 'enderecamento' にリダイレクトしようとすると、コンソールに次のエラーが表示されます。

私のルーティングコードは次のとおりです。

app.routing.ts:

奇妙なことに、私が変更した場合:

これに：

「enderecamento」ページが読み込まれますが、ページ内の routerLink をクリックしてリダイレクトするか、コンテキスト「pecaJuridica/enderecamento」に書き込むと、同じ Uncaught promise [object Object] エラーが発生しました。デバッグする方法はありますか? それは単純なものでなければならないことを知っているので、非常にイライラします..

いくつかの追加情報:

リダイレクト plnkr:

http://plnkr.co/edit/xRu4pS

リダイレクション routerLink plnkr:

http://plnkr.co/edit/d4xRtw

routerLink HTML コード:

HashLocationStrategyを使用して、Dartのangular2-beta.20でルーターを使用しようとしました。しかし、不完全なangular2-beta.15 docs へのこのリンクを除いて、ドキュメントは見つかりませんでし た。この例は、Dart のインポートではなく TypeScript のインポートを示しています。

だから私はインポートしようとしましpackage:angular2/router.dartたが、Dart Analyzer は見つからないという不平を言い続けLocationStrategy、HashLocationStrategy

また、上記の例のようにトップレベルの提供関数が存在しないように見えるため、インポートを正確に記述する方法もわかりません。 provide(LocationStrategy, {useClass: HashLocationStrategy})

私は angular2 アプリケーション (RC6 バージョン) を持っています。いくつかの重要なグローバル パラメーターは、起動時にこのファイルを収集するサービスを使用して構成ファイルから読み込まれます。

このスニペットに示すように、私はConfigurationServiceと呼んでいるものを使用します。これは、http 呼び出しを介して構成ファイルを読み取り、いくつかのパラメーターを (Promise として) 返します。すべてがうまくいけば、アプリケーションは完全にロードされ、これらの構成パラメーターはサブモジュールなど全体でアクセス可能になります。

問題は、この構成ファイルが期待どおりにロードされない場合に、アプリケーションがサブモジュールをロードするのをどのように停止できるかということです。(AppComponent は本質的に単なるルーターアウトレットであり、複数のサブモジュールによって定義された他のルートにリダイレクトすることに注意してください)。要求されたルートによって定義されたモジュール/コンポーネントをロードする代わりに、「無効化」またはエラー ページにリダイレクトできますか?