2017年10月17日

AngularでURLのパラメーターを取得する

AngularでURLのパラメーターを取得する。ルーティングでは以下のように設定している

{path: 'list/:page', component: ListComponent}


呼び出したいコンポーネントでActivatedRouteのsnapshot.paramsからパラメーターが取得できる

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

@Component({
selector: 'list',
template: ' <h1 class="friend">Friend ID is {{friendId}}</h1>',
})
export class FriendComponent {
pageNo: string

constructor(route: ActivatedRoute) {
this.pageNo = route.snapshot.params.page
}
}


posted by ねこまんま at 16:55 | Comment(0) | Angular | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。