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

Angular 2、Google Mapsなどを使用して不動産Webサイトを作成しています。ユーザーがマップの中心を変更すると、APIに対して検索を実行して、マップの現在の位置と半径を示します。重要なのは、ページ全体を再読み込みせずに、これらの値をURLに反映したいということです。それは可能ですか？AngularJS 1.xを使用していくつかのソリューションを見つけましたが、Angular 2については何も見つかりませんでした。

112 javascript  angular  routes  angular2-routing 

Angular 2アプリの特定のページを離れる前に、保存されていない変更についてユーザーに警告します。通常はを使用しますがwindow.onbeforeunload、単一ページのアプリケーションでは機能しません。 私はangular 1で$locationChangeStartイベントにフックしてconfirmユーザーにボックスを投げることができることを発見しましたが、angular 2でこれを機能させる方法を示すものは何も見ていません、またはそのイベントがまだ存在する場合でも。の機能を提供するag1のプラグインも見ましたが、これもag2でonbeforeunload使用する方法は見ていません。 他の誰かがこの問題の解決策を見つけてくれることを願っています。私の目的にはどちらの方法でも問題なく機能します。

112 angular  angular2-routing 

次のcmdコマンドを使用して、angular2プロジェクトを1つセットアップし、その中に1つのモジュール（my-module）を作成し、そのモジュール内に1つのコンポーネント（my-new-component）を作成しました。 ng new angular2test cd angular2test ng g module my-module ng generate component my-new-component セットアップとすべてのコンポーネントを作成した後、ng testangular2testフォルダー内のcmdからコマンドを実行しました。 以下のファイルは、my-new-component.component.tsファイルです。 import { Component, OnInit } from '@angular/core'; import { Router, Routes, RouterModule } from '@angular/router'; import { DummyService } from '../services/dummy.service'; @Component({ selector: 'app-my-new-component', templateUrl: './my-new-component.component.html', styleUrls: ['./my-new-component.component.css'] }) export class MyNewComponentComponent implements …

111 unit-testing  angular  karma-jasmine  angular2-routing  angular-cli 

私は、それらの役割に基づいてアプリの一部へのナビゲーションをブロックするためにガードを使用する必要がある多くの役割を持つアプリに取り組んでいます。役割ごとに個別のガードクラスを作成できることはわかっていますが、パラメーターを渡すことができるクラスを1つ持つほうがよいと思います。つまり、次のようなことができるようになりたいと思います。 { path: 'super-user-stuff', component: SuperUserStuffComponent, canActivate: [RoleGuard.forRole('superUser')] } ただし、渡すのはガードのタイプ名だけなので、その方法を考えることはできません。弾丸を噛んで役割ごとに個別のガードクラスを記述し、代わりに単一のパラメーター化された型を持つことによる優雅さの錯覚を打ち砕く必要がありますか？

101 angular  typescript  angular2-routing 

サーバーに行き、オブジェクトをフェッチする親コンポーネントを持っています： // parent component @Component({ selector : 'node-display', template : ` <router-outlet [node]="node"></router-outlet> ` }) export class NodeDisplayComponent implements OnInit { node: Node; ngOnInit(): void { this.nodeService.getNode(path) .subscribe( node => { this.node = node; }, err => { console.log(err); } ); } そして、いくつかの子供たちのディスプレイの1つ： export class ChildDisplay implements OnInit{ @Input() node: …

99 angular  dependency-injection  angular2-routing 

現在、URLのあるページを表示しているとします/user/:id。このページから次のページに移動します:id/posts。 今の方法は、私はすなわち、前回のURLが何であるかを確認することができそうという、あります/user/:id。 以下は私のルートです export const routes: Routes = [ { path: 'user/:id', component: UserProfileComponent }, { path: ':id/posts', component: UserPostsComponet } ];

99 angular  angular2-routing 

角度のあるフロントエンドを備えたmvc5プロジェクトがあります。このチュートリアルhttps://angular.io/guide/routerで説明されているように、ルーティングを追加したいと思いました。だから私の中_Layout.cshtmlに追加しました <base href="/"> app.moduleでルーティングを作成しました。しかし、これを実行すると、次のエラーが発生します。 Error: Template parse errors: 'router-outlet' is not a known element: 1. If 'router-outlet' is an Angular component, then verify that it is part of this module. 2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. …

98 angular  typescript  asp.net-mvc-5  angular2-routing 

私が持っているAuthGuard実装していること（ルーティングするために使用）CanActivateを。 canActivate() { return this.loginService.isLoggedIn(); } 私の問題は、CanActivate-resultがhttp-get-resultに依存していることです-LoginServiceはObservableを返します。 isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); } それらをまとめるにはどうすればよいですか？CanActivateをバックエンドの状態に依存させますか？ ＃＃＃＃＃＃ 編集：この質問は2016年のものであることに注意してください-角度/ルーターの非常に初期の段階が使用されています。 ＃＃＃＃＃＃

94 angular  angular2-routing  angular2-http 

オブジェクトの編集に使用されるコンポーネントの単体テストを行っています。オブジェクトには、idサービスでホストされているオブジェクトの配列から特定のオブジェクトを取得するために使用される一意のオブジェクトがあります。特定のものidは、ルーティングを介して、特にActivatedRouteクラスを介して渡されるパラメーターを介して調達されます。 コンストラクターは次のとおりです。 constructor(private _router:Router, private _curRoute:ActivatedRoute, private _session:Session) { } ngOnInit() { this._curRoute.params.subscribe(params => { this.userId = params['id']; this.userObj = this._session.allUsers.filter(user => user.id.toString() === this.userId.toString())[0]; このコンポーネントで基本的な単体テストを実行したいと思います。ただし、idパラメータを挿入する方法がわからないため、コンポーネントにはこのパラメータが必要です。 ちなみに、私はすでにSessionサービスのモックを持っているので、心配はいりません。

93 unit-testing  angular  angular2-routing  angular2-testing 

ルート const appRoutes: Routes = [ { path: '', redirectTo: '/companies/unionbank', pathMatch: 'full'}, { path: 'companies/:bank', component: BanksComponent }, { path: '**', redirectTo: '/companies/unionbank' } ] 成分 const NAVBAR = [ { name: 'Banks', submenu: [ { routelink: '/companies/unionbank', name: 'Union Bank' }, { routelink: '/companies/metrobank', name: 'Metro Bank' }, …

87 angular  angular2-routing 

クローズ。この質問には詳細または明確さが必要です。現在、回答を受け付けていません。 この質問を改善したいですか？この投稿を編集して、詳細を追加し、問題を明確にしてください。 3年前に閉鎖されました。 この質問を改善する Angular 2で現在のページをリロードするにはどうすればよいですか？ ページ2（ページ付け）でiamを使用してページを更新すると、ページ1（URLページロード）が表示されますが、ページ2を更新すると、ページ2に表示されます。

85 angular  refresh  angular2-routing  reload  page-refresh 

同じテンプレートに複数のルーターアウトレットを含めることは可能ですか？ はいの場合、ルートを構成する方法は？ 私はangular2ベータを使用しています。

83 angular  angular2-routing  angular2-template 

Angular2ルーターガードを使用して、アプリの一部のページへのアクセスを制限しようとしています。Firebase認証を使用しています。ユーザーがFirebaseでログインしているかどうかを確認するには、コールバックを使用.subscribe()してFirebaseAuthオブジェクトを呼び出す必要があります。これはガードのコードです： import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { AngularFireAuth } from "angularfire2/angularfire2"; import { Injectable } from "@angular/core"; import { Observable } from "rxjs/Rx"; @Injectable() export class AuthGuard implements CanActivate { constructor(private auth: AngularFireAuth, private router: Router) {} canActivate(route:ActivatedRouteSnapshot, state:RouterStateSnapshot):Observable<boolean>|boolean { this.auth.subscribe((auth) => { if (auth) …

83 typescript  angular  angular2-routing