web-dev-qa-db-ja.com

Angular2はアクティブ化されたルートパラメーターと親パラメーターを取得します

親コンポーネントと子ルートからRouteParamsを取得する方法

export const routes: Routes = [
    { path: '', redirectTo: 'list', pathMatch: 'full' },
    { path: 'list', component: UsersComponent },
    {
        path: ':id', component: UserDetailComponent,
        children: [
            // { path: '', redirectTo: 'overview', pathMatch: 'full' },
            { path: 'overview', component: UserInfoComponent },
            { path: 'specs/:id', component: UserProfileComponent }
        ]
    }
];

コンポーネント内

export class UserDetailComponent implements OnInit { 

constructor(private route: ActivatedRoute) { }
  ngOnInit() {
  this.route.parent.params.subscribe( (c) => {
        console.log(c['id']);
    });
    this.route.params.subscribe(params => {
      console.log(params['id']);
    });
}
}

しかし、ルートがアクティブになると、常に未定義になります。この問題の解決にご協力ください。

前もって感謝します。

angularangular2-routingangular2-components
6
Sathya V

これは、.tsでパラメーターの値を取得する簡単な例です。その後、ケースに合わせてこれをカスタマイズできます。

import { ActivatedRoute } from '@angular/router';

  constructor(private route: ActivatedRoute) {
        const taskId: string = route.snapshot.params["taskId"];
        console.log("this is taskId value = "+ taskId);
    }
9
Avtandil Kavrelishvili

アクティブ化されたルートをトラバースするには、ActivatedRouteSnapshotが必要です。

https://angular.io/docs/ts/latest/api/router/index/ActivatedRouteSnapshot-interface.html

4
Vishal

var myParamValue = this.route.snapshot.queryParams['myParam'];

0
DigaoParceiro