タグ付けされた質問 「angular2-routing」

Angular Routingは、単一ページアプリケーション(SPA)ユーザーインターフェイスを作成できる組み込みの機能で、ユーザーは毎回サーバーからページ全体を再読み込みする必要なく、さまざまなビューに移動できます。

30
現在のルートを取得する方法
現在のドキュメントでは、実際のルートセグメントではなく、ルートパラメータの取得についてのみ説明しています。 たとえば、現在のルートの親を見つけたい場合、どうすれば可能ですか?

14
最後のページに戻る方法
Angular 2の最後のページに戻るスマートな方法はありますか? 何かのようなもの this._router.navigate(LASTPAGE); たとえば、ページCにはGo Backボタンがあり、 ページA->ページC、クリックしてページAに戻ります。 ページB->ページC、クリックしてページBに戻る。 ルーターにはこの履歴情報がありますか?

30
Angularでは、アクティブなルートをどのように決定しますか?
注: ここには多くの異なる答えがあり、そのほとんどは一度に有効でした。実際、Angularチームがルーターを変更したため、機能するものは何度も変更されました。最終的にAngular のルーターとなるルーター3.0バージョンは、これらのソリューションの多くを壊しますが、独自の非常にシンプルなソリューションを提供します。RC.3以降、推奨される解決策は[routerLinkActive]、この回答に示すように使用することです。 Angularアプリケーション(私がこれを書いている現在の2.0.0-beta.0リリース)では、現在アクティブなルートが何であるかをどのように判断しますか? 私はBootstrap 4を使用するアプリに取り組んでおり、関連するコンポーネントが<router-output>タグに表示されているときにナビゲーションリンク/ボタンをアクティブとしてマークする方法が必要です。 ボタンの1つがクリックされたときに自分で状態を維持できることはわかっていますが、同じルートに複数のパスがある場合(メインナビゲーションメニューとメインコンポーネントのローカルメニューなど)はカバーされません)。 提案やリンクをいただければ幸いです。ありがとう。

23
Angular 2ルート変更の一番上までスクロール
Angular 2アプリで、ページを下にスクロールしてページの下部にあるリンクをクリックすると、ルートが変更されて次のページが表示されますが、ページの上部にスクロールしません。その結果、1ページ目が長く、2ページ目が少ない場合、2ページ目が不足しているような印象になります。コンテンツが表示されるのは、ユーザーがページの上部にスクロールした場合のみです。 コンポーネントのngInitでウィンドウをページの上部にスクロールできますが、アプリ内のすべてのルートを自動的に処理できるより良い解決策はありますか?

4
URL内のどこかにあるrouterLinkにパラメーターを渡す方法は?
次のrouterLinkようなルートのパラメータを渡すことができることを知っています /user/:id 書いて [routerLink]="['/user', user.id]" しかし、このようなルートについてはどうですか: /user/:id/details このパラメーターを設定する方法はありますか、または別のURLスキームを検討する必要がありますか?


5
Angular 2-this.router.parent.navigate( '/ about')を使用して別のルートにナビゲートする方法
Angular 2-を使用して別のルートに移動する方法this.router.parent.navigate('/about')。 動作しないようです。location.go("/about");うまくいかなかったので試しました。 基本的に、ユーザーがログインしたら、別のページにリダイレクトしたいと思います。 以下は私のコードです: import {Component} from 'angular2/angular2'; import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2'; import {Router} from 'angular2/router'; import {AuthService} from '../../authService'; //Model class User { constructor(public email: string, public password: string) {} } @Component({ templateUrl:'src/app/components/todo/todo.html', directives: [CORE_DIRECTIVES, FORM_DIRECTIVES] }) export class Todo { model = new User('Mark@gmail.com', 'Password'); authService:AuthService; …

11
Angular2で外部URLにリダイレクトする方法は?
Angular 2で完全に外部のURLにユーザーをリダイレクトする方法は何ですか。たとえば、認証のためにユーザーをOAuth2サーバーにリダイレクトする必要がある場合、どうすればよいですか? Location.go()、Router.navigate()、およびRouter.navigateByUrl()角度2アプリ内の他のセクション(ルート)にユーザーを送信するための罰金ですが、私は彼らが外部のサイトにリダイレクトするために使用する方法を見ることができませんか?


6
既知のプロパティではないため、「routerLink」にバインドできません
最近、私はangular 2で遊んでいます。それは今のところ素晴らしいです。それで、を使用して学習するために、個人的なデモプロジェクトを開始しましたangular-cli。 基本的なルーティング設定で、ヘッダーからいくつかのルートに移動したいのですが、私のヘッダーはの親なので、router-outletこのエラーが発生します。 app.component.html <app-header></app-header> // Trying to navigate from this component <router-outlet></router-outlet> <app-footer></app-footer> header.component.html <a [routerLink]="['/signin']">Sign in</a> 今では部分的に理解していますが、そのコンポーネントはラッパーであるため、router-outletこの方法でアクセスすることはできないと思いますrouter。では、このようなシナリオで外部からナビゲーションにアクセスする可能性はありますか? 必要に応じて、さらに情報を追加させていただきます。前もって感謝します。 更新 1-私はpackage.jsonすでに安定@angular/router 3.3.1版を持っています。2-メインappモジュールで、をインポートしましたrouting-module。下記を参照してください。 app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http'; import { …

14
Angular 2でシングルトンサービスを作成するにはどうすればよいですか?
ブートストラップ時に注入するとすべての子が同じインスタンスを共有するはずであると読みましたが、メインコンポーネントとヘッダーコンポーネント(メインアプリにはヘッダーコンポーネントとルーターアウトレットが含まれています)はそれぞれサービスの個別のインスタンスを取得しています。 私はFacebookのJavaScript APIを呼び出すために使用するFacebookServiceと、FacebookServiceを使用するUserServiceを持っています。これが私のブートストラップです: bootstrap(MainAppComponent, [ROUTER_PROVIDERS, UserService, FacebookService]); ログから、ブートストラップ呼び出しが終了したように見えます。その後、各コンストラクター、MainAppComponent、HeaderComponent、およびDefaultComponentのコードが実行される前に、FacebookServiceが作成され、次にUserServiceが作成されます。

17
Angular 2のパッシブリンク-<a href=“”>相当
Angular 1.xでは、基本的に何もしないリンクを作成するために次のことができます。 &lt;a href=""&gt;My Link&lt;/a&gt; しかし、同じタグがAngular 2のアプリベースに移動します。Angular2のそれに相当するものは何ですか? 編集: Angular 2ルーターのバグのようですが、githubに未解決の問題があります。 すぐに使えるソリューション、またはそれがないことの確認を探しています。


7
ログインページへの角度リダイレクト
私は、承認されていないページにアクセスしようとするユーザーがログインページに自動的にリダイレクトされるAsp.Net MVCの世界から来ました。 Angularでこの動作を再現しようとしています。@CanActivateデコレーターに遭遇しましたが、コンポーネントがまったくレンダリングされず、リダイレクトされません。 私の質問は次のとおりです: Angularはこの振る舞いを達成する方法を提供していますか? もしそうなら、どうですか?それは良い習慣ですか? そうでない場合、Angularでユーザー認証を処理するためのベストプラクティスは何でしょうか?

11
RouterLinkが機能しない
angular2アプリでのルーティングはうまくいきます。しかし、これに基づいてrouteLinkを作成します: これが私のルーティングです: const routes: RouterConfig = [ { path:'home' , component: FormComponent }, { path:'about', component: AboutComponent }, { path:'**' , component: FormComponent } ]; そしてここに私が作ったリンクがあります: &lt;ul class="nav navbar-nav item"&gt; &lt;li&gt; &lt;a routerLink='/home' routerLinkActive="active"&gt;Home&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a routerLink='/about' routerLinkActive="active"&gt;About this&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; 私はそれらをクリックすると、尊敬されるコンポーネントに移動しますが、何も実行しないと思いますか?

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.