問題タブ [angular2-routing]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - Angular2 Component Router の基本的な問題
angular2 ベータ コンポーネント ルーティングの学習を開始しました。私はこれまでこれを行ってきました。
http://plnkr.co/edit/4YWWGhuBWd2CoWpC3GeY?p=preview
以下の必要な CDN をコピーしました。こちらをご覧ください。
src/boot.ts
ソース/コーン
ソース/ctwo
開発コンソールを確認してください。エラーが発生します
例外: LocationStrategy のインスタンス化中にエラーが発生しました! (RouterLink -> Router -> Location -> LocationStrategy).BrowserDomAdapter.logError @ angular2.dev.js:23514 angular2.dev.js:23514 元の例外: ベース href が設定されていません。APP_BASE_HREF トークンの値を指定するか、基本要素をドキュメントに追加してください。
さらに、宛先にリダイレクトされません。< base href="/" > を追加しようとしましたが、許可するとエラーが発生します。
リンクが正しく機能することを望みます。
node.js - Angular2 アプリケーションを提供する
lite-server (Angular2 docs) を使用すると、Angular アプリケーションは完全に動作しますが、node-static を使用すると手動ナビゲーションが機能しません。
たとえば、lite-serverを使用してlocalhost/404を手動で記述すると、404 ページが表示されますが、 node-staticを使用してアプリケーションを提供すると、空白のページが表示されます。
コンソールが空のままなので、原因がよくわかりません。
これは私のノード静的サーバーコードです:
どうもありがとう!
angular - コンポーネントにルート構成がありません。コンポーネント内 - Angular 2ルーティングエラー
私は Angular 2.0 に非常に慣れていません (誰が!?!?!) で、ルーティングを機能させることができません! エラー「Component "LoginComponent" has no route config. in [['/Register'] in LoginComponent
」が発生し続けます。
これは、ファイル@RouteConfig
から取得したブートストラップ コードです (依存関係を注入していることを証明するため)。boot.ts
これは私のLoginComponentコードです...私のlogin.component.ts
ファイルから
ここに私の見解では、アプリケーションの別の部分へのリンクがあります。私のlogin.component.html
ファイルから取得
ただし、ブラウザでは次のエラーが表示されます。
例外: コンポーネント "LoginComponent" にはルート構成がありません。[['/Register'] in LoginComponent@23:19]
元の例外: コンポーネント "LoginComponent" にはルート構成がありません。
元のスタックトレース: エラー: コンポーネント "LoginComponent" にはルート構成がありません。
誰が問題が正確に何であるかを見ることができますか? <a [routerLink]="['/Register']">Register</a>
デフォルトで機能し、ハイパーリンクを導入するまではすべて問題ありません。私はしばらくこれを解決しようとしてきました!
これが私のプロジェクト構造です(役立つ場合)...
google-analytics - angular1とは異なり、angular2ルートはGoogleボットによってインデックス付けできますか?
angular 2 spaにインデックスを付けることができますか?
過去の Google は、ホームページなどの最初のページのみをインデックスに登録していました
angular 2 はこの問題を解決しますか?
ここで、Google はしばらく前から JavaScript と css ファイルのインデックスを作成しています。
アプリですべてのルートをインデックス化するために、angular 2 アプリに何かする必要がありますか?
ありがとう
angular - Angular 2、routerOnActivate メソッドは、OnActivate を実装するコンポーネントに対して呼び出されることはありません
公式ドキュメントのサンプル コードを使用して、Angular 2 ルーターを使用して現在のルートをログに記録しようとしています: https://angular.io/docs/ts/latest/api/router/OnActivate-interface.html
メソッドrouterOnActivate
が呼び出されることはありません。
RouteConfig
アノテーションを使用してルートを構成しました。
リスナーをアクティブにするためにルーターで構成する必要があるものは他にありますか?
url - Web アプリでの PathLocationStrategy と HashLocationStrategy の比較
使用の長所と短所は次のとおりです。
- PathLocationStrategy - デフォルトの「HTML 5 pushState」スタイル。
- HashLocationStrategy - 「ハッシュ URL」スタイル。
たとえば、HashLocationStrategyを使用すると、# ID による要素へのスクロール機能が妨げられますが、一部のサードパーティ プラグインではHashLocationStrategyまたはHashbang #! ajax Web サイトで作業するため。
どちらがウェブアプリにより多く提供しているか知りたいです。
angular - Angular2 の @CanActivate 内の別のコンポーネントにリダイレクトする
Angular2 の @CanActivate から別のコンポーネントにリダイレクトする方法はありますか?