I’m going through angular-tour-of-heroes app, and I encountered .subscribe method in routing. Can someone explain what’s going on here?
Link for the app: https://embed.plnkr.co/?show=preview
Inside hero-detail.component.ts file,
ngOnInit(): void {
this.route.paramMap
.switchMap((params: ParamMap) => this.heroService.getHero(+params.get('id')))
.subscribe(hero => this.hero = hero);
}
Related Posts:
- Could not find module “@angular-devkit/build-angular”
- Difference between Constructor and ngOnInit
- AngularJS vs Angular [closed]
- When to use ‘npm start’ and when to use ‘ng serve’?
- Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
- ExpressionChangedAfterItHasBeenCheckedError Explained
- Angular 10 – can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
- How to use *ngIf else?
- ngFor with index as value in attribute
- How to upgrade Angular CLI to the latest version
- What is pipe for in RxJS?
- Angular: Get current index in ngFor
- BehaviorSubject vs Observable?
- Angular 6 “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’.”
- ERR_INVALID_HTTP_RESPONSE using Angular 7 and ASP.Net Core 2.2 in Google Chrome browser
- What is the difference between Promises and Observables?
- mat-form-field must contain a MatFormFieldControl
- formSelect() method in materialize does’nt work in angular 6 inputs
- ERROR Error: No value accessor for form control with unspecified name attribute on switch
- form control error:ERROR Error: No value accessor for form control with unspecified name attribute
- You seem to not be depending on “@angular/core” and/or “rxjs”. This is an error
- ‘ng’ is not recognized as an internal or external command, operable program or batch file
- Kendo Angular Chart change legend position based on size
- Unexpected value ‘undefined’ declared by the module ‘AppModule’
- Where to place/find the systemjs.config.js file in an angularJS2 project?
- ng serve does not work
- What is the equivalent of ngShow and ngHide in Angular 2+?
- document.getElementById replacement in angular4 / typescript?
- how to refresh page in angular 2
- TS1086: An accessor cannot be declared in ambient context
- Property ‘map’ does not exist on type ‘Observable
‘ - Angular2 Error: There is no directive with “exportAs” set to “ngForm”
- ‘router-outlet’ is not a known element
- Angular 2 Cannot read property ‘config’ of null
- Error when trying to inject a service into an angular component “EXCEPTION: Can’t resolve all parameters for component”, why?
- Set focus on element
- Cleanest way to reset forms
- Angular2 CLI error “@angular/compiler-cli” package was not properly installed
- Angular2 – How to create a simple table
- No provider for HttpClient
- Angular material Could not find Angular Material core theme
- Angular EXCEPTION: No provider for Http
- Error : Cannot find primary outlet to load
- cannot find module ‘@angular/http’?
- Templating with href in angular (4)
- How to implement sleep function in TypeScript?
- File Upload In Angular?
- is there any alternative for ng-disabled in angular2?
- Angular 2.0 and Modal Dialog
- Cannot find module ‘@angular/compiler’
- Implement session storage in an Angular 8 application
- Angular 2 [hidden] does not seem to be working?
- Local workspace file (‘angular.json’) could not be found. But same code works in another computer
- Can’t bind to ‘routerLink’ since it isn’t a known property
- How to use bootstrap 4 in angular 2?
- You have to be inside an angular-cli project in order to use the serve command
- How to get current route
- Angular4 core.es5.js Uncaught reflect-metadata shim is required when using class decorators
- Angular error: Please add a @NgModule annotation
- How to enable production mode?
- Angular 5: “No provider for ControlContainer”
- Getting No provider for NgControl Error after adding ReactiveFormsModule to my angular 4 app
- How to use `trackBy` with `ngFor`
- Angular routerLink does not navigate to the corresponding component
- How to use jQuery with Angular?
- Mask for an Input to allow phone numbers?
- What is the best way to delete a component with CLI
- GET http://localhost:4200/null 404 (Not Found) in angular2 with angular-cli
- Angular design pattern: MVC, MVVM or MV*?
- Module has no exported member error in angular module
- Check if Variable is Empty – Angular 2
- Angular 2 multiple modules
- Electron – Not allowed to load local resource
- How to apply filters to *ngFor?
- Select default option value from typescript angular 6
- angular-cli where is webpack.config.js file – new angular6 does not support ng eject
- Angular, image not found (GET 404)
- Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
- (change) vs (ngModelChange) in angular
- Angular File Upload
- “You seem to not be depending on “@angular/core”.”
- Cannot find module ‘@angular-devkit/core’
- Unable to resolve dependency tree error when installing npm packages
- Angular: Error no directive with “exportAs” set to “ngForm”
- Angular ForEach in Angular4/Typescript?
- Angular 4 setting selected option in Dropdown
- Angular4 – No value accessor for form control
- Repository is not clean. Please commit or stash any changes before updating In Angular 8
- Module not found: Error: Can’t resolve ‘fs’ in
- How to fix Cannot find module ‘typescript’ in Angular 4?
- Angular: Cannot find a differ supporting object ‘[object Object]’
- SyntaxError: Unexpected token C in JSON at position 0 – Ionic 2 Http GET request
- Crop the image using JavaScript
- How to use if-else condition with [ngClass] in angular 7?
- Why do i need `typings.json` file in an Angular 2 project?
- How do I download a file with Angular2 or greater
- What are differences between SystemJS and Webpack?
- How to use forEach loop correctly in angular 2?
- How do I install Angular 2 using NPM?
- Angular HTTP GET with TypeScript error http.get(…).map is not a function in [null]