本文整理匯總了TypeScript中@ngrx/router.RouteParams類的典型用法代碼示例。如果您正苦於以下問題：TypeScript RouteParams類的具體用法？TypeScript RouteParams怎麽用？TypeScript RouteParams使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了RouteParams類的10個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: constructor
constructor(
private store: Store<AppState>,
private albumActions: AlbumActions,
private routeParams$: RouteParams,
private _router:Router
) {
routeParams$.select<string>('trackId').subscribe(value =>{
this.currentAlbumTrackId = value;
});
this.album$ = routeParams$
.select<string>('trackId')
.switchMap(trackId => store.let(getAlbum(trackId)));
this.isAlbumInCollection$ = routeParams$
.select<string>('trackId')
.switchMap(trackId => store.let(isAlbumInCollection(trackId)));
this.collectionChange = store.let( getCollectionState());
this.collectionChange.subscribe(state =>{
console.log("[audioartist-viewpage.t audioBuffer audioItemState ="+ state.trackIds.includes(this.currentAlbumTrackId));
if(state.trackIds.includes(this.currentAlbumTrackId)){
this._router.go('/audioArtist/find')
}
});
}示例2: constructor
constructor(
private store: Store<AppState>,
private bookActions: BookActions,
private routeParams$: RouteParams
) {
this.book$ = routeParams$
.select<string>('id')
.switchMap(id => store.let(getBook(id)));
this.isBookInCollection$ = routeParams$
.select<string>('id')
.switchMap(id => store.let(isBookInCollection(id)));
}示例3: constructor
constructor(
private store: Store<AppState>,
private cubeActions: CubeActions,
private routeParams$: RouteParams
) {
this.cube$ = routeParams$
.select<string>('id')
.switchMap(id => store.let(getCube(id)));
this.isCubeInCollection$ = routeParams$
.select<string>('id')
.switchMap(id => store.let(isCubeInCollection(id)));
}示例4: constructor
constructor(private classRoomService: ClassRoomService, params$: RouteParams,
private router: Router, private subjectService: SubjectService,
private teacherService: TeacherService,
private toastyService: ToastyService,
private classRoomSubjectService: ClassRoomSubjectService) {
params$.pluck<number>('id').subscribe(id => this.id = id);
}示例5: constructor
constructor(routeParams: RouteParams,
private hotelService: HotelService,
private router: Router) {
this.hotelId = routeParams.pluck<number>('id');
this.hotelId
.filter(id => !isNaN(id))
.flatMap(id => this.hotelService.getHotelAuthenticated(id)).subscribe(hotel => {
this.hotel = hotel;
});
}示例6: ngOnInit
// I get called once when the component has been instantiated, after the inputs have
// been bound for the first time.
public ngOnInit() : void {
this.projectSubscription = this.routeParams
.pluck<string>( "projectId" )
.distinctUntilChanged()
.switchMap(
( projectId: string ) : Observable<{}> => {
this.isLoading = true;
this.projectId = +projectId;
return(
Observable.forkJoin(
this.projectService.getProjectById( this.projectId ),
this.screenService.getScreensByProjectId( this.projectId )
)
);
}
)
.subscribe(
( results: [ IProject, IScreen[] ] ) : void => {
this.isLoading = false;
this.project = results[ 0 ];
this.screens = results[ 1 ];
this.selectContextScreen();
},
( error: any ) : void => {
this.router.go( "/" );
}
)
;
this.screensSubscription = this.routeParams
.pluck<string>( "screenId" )
.distinctUntilChanged()
.subscribe(
( screenId: string ) : void => {
this.screenId = +screenId;
this.selectContextScreen();
}
)
;
}示例7: ngOnInit
ngOnInit() {
const uid = this.store.currentUser.uid;
/* URLからidを取得する */
this.store.disposable = this.params$.pluck<string>('id')
.do(noteid => {
if (noteid) {
/* 保存済みnoteを呼び出す */
this.store.disposable = this.service.readNote$(noteid)
.do(note => {
this.note = note;
this.oldNote = lodash.cloneDeep(this.note);
this.cd.markForCheck();
})
.subscribe();
} else {
/* noteを新規作成 */
this.note = this.service.createNote();
this.oldNote = lodash.cloneDeep(this.note);
this.cd.markForCheck();
}
})
.subscribe();
/* キー入力がある度にnoteを保存する */
this.store.disposable = Observable.fromEvent<KeyboardEvent>(this.el.nativeElement, 'keyup')
.debounceTime(1000)
.do(() => {
this.service.writeNote(this.note, this.oldNote);
})
.subscribe();
}示例8: ngOnInit
// I get called once when the component has been instantiated, after the inputs have
// been bound for the first time.
public ngOnInit() : void {
this.routeParamsSubscription = this.routeParams
.pluck<string>( "projectId" )
.distinctUntilChanged()
.switchMap(
( value: string ) : Observable<IProject> => {
this.isLoading = true;
return( this.projectService.getProjectById( +value ) );
}
)
.subscribe(
( project: IProject ) : void => {
this.isLoading = false;
this.project = project;
},
( error: any ) : void => {
this.router.go( "/projects", { notFound: true } );
}
)
;
}示例9: ngOnInit
// I get called once when the component has been instantiated, after the inputs have
// been bound for the first time.
public ngOnInit() : void {
this.queryParamsSubscription = this.queryParams
.pluck<string>( "filter" )
.distinctUntilChanged()
.filter(
( filter: string ) : boolean => {
return( this.filter !== ( filter || "" ) );
}
)
.subscribe(
( filter: string ) : void => {
this.filter = ( filter || "" );
this.applyFilter();
}
)
;
this.routeParamsSubscription = this.routeParams
.pluck<string>( "projectId" )
.distinctUntilChanged()
.switchMap(
( value: string ) : Observable<IScreen[]> => {
this.isLoading = true;
return( this.screenService.getScreensByProjectId( +value ) );
}
)
.subscribe(
( screens: IScreen[] ) : void => {
this.isLoading = false;
this.screens = screens;
this.filteredScreens = this.screens.map(
( screen: IScreen ) : IFilteredScreen => {
return({
screen: screen,
tags: [ screen.name.toLowerCase(), screen.filename.toLowerCase() ],
visible: false,
column: 0
});
}
);
this.applyFilter();
}
)
;
}示例10: ngOnInit
// I get called once when the component has been instantiated, after the inputs have
// been bound for the first time.
public ngOnInit() : void {
this.routeParamsSubscription = this.routeParams
.pluck<string>( "projectId" )
.distinctUntilChanged()
.subscribe(
( value: string ) : void => {
this.projectId = +value;
}
)
;
}