angular navigate using component

//ng new routing-app --routing
//ng generate component first
//ng generate component second
    
import { Router } from '@angular/router';

...

export class AboutUserComponent implements OnInit {
  user: User;

  constructor(
    private route: ActivatedRoute, 
    private service: UserService,
    private router: Router
  ) {}

  ngOnInit() {
    // grab the current username
    let username = this.route.snapshot.params['username'];
    this.service.getUser(username).then(user => this.user = user);
  }

  goBack() {
    this.router.navigate(['/about']);
  }

}

4
1
Moss 85 points

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

export class Component{ 				// Example component.. 
	constructor(private route:Router){} 
  
  	go(){
		this.route.navigate(['/page']); // navigate to other page
	}
}

4 (1 Votes)
0
Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
set default route angular on click route to a component angular how to add routing to button in angular 10 router.navigate in angular angular ways to navigate angular navigate function router navigate angular example navigate routing angular using router.navigate angular this.route.navigate angular navigate in angular navigate function in angular navigate in angular routing router navigate in angular angular router navigate method using router.navigate in angular angular navigate from component angular navigate with function how to use router.navigate in angular navigate to angular route user to page from component angular angular navigate to router.navigate url in angular this router navigate angular angular router navigate parameters example how to find where the route is set angular where do i importer router class in angular 8 link page angular function to send to another router link angular anguler routing navigation angular how to sett cutome app root in angular 10 change route in angular angular route params router import angular router.navigate in angular 9 this.router.navigate( router navigate in angular 8 this.router.navigate in angular 8 router angular navigate navigate angular change route from component angular import router angular angular route via ts router navigation from component angular 8 navigation to especific page change navigation in ts how to navigate from one state to another in angular angular routerlink to page route to next component angular angular 2 navigate to route router in angular navigate router in angular route.navigate in angular angular redirect to another component js route angular change route angular 9 navigate by url angular angular navigate button with parameters angular ts route navigate to page angular navigate somewhere in typescript angular angular new page angular routing redirect angular navigating in ts HOw to navigatre in angular angular this.router.navigate import router navigation in angular import { Router } from 'angular'; navigate angular in ts angular go to route from component routing angular template router typescript angular rout path in ts file in angular 8 angular open route in directive angular routing example angular router example angular navigator angular how to tell which component router outlet router.navigate example router by typescript n angular add nav link component in angular 11 routing link in angular nevigate to page in angular links angular routing angular angular route to component router.navigate path with id angular router link in component angular route navigate angular 9 router.nnavigate anuglar 10 router rexdirect angular routing angular linking to another page angular link to route router.navigate angular routing to specific path in anguar ts set current router outlet angular .navigate angular angular routing component navigator angular routing in angular this.router.navigate routing in angular 9 routerlink angular angular html add to path route route link angular link angular router angular in function angular 8 navigate user to view route component angular navegateurl angular navigate to path go to route angular angular navigate to page router angular navigator in angular change router angular angular link href change routing angulart angular route from component angular router navigate example navigation in angular typescript get router parameter angular angular navigate using component angular route angular route set route url angular router.navigate how to loa new url with router angular angular redirect to url routes angular 9 nav links in angular angular 9 navigate to page using angular router in angular class angular 8 router navigate angular router routing in angular 8 routing redict exmaple in angular html angular route in component navigate to route with params angular angular router navigate angular 10 use router link in typescript import router to component angular route to another page activate navigation router in angular router navigate angular how to link pages in angular 9 angular navigation angular go to route angular routing from one component to another router.naviagte new component angular routing angular route in ts file router.navigate angular 7 redirect t route angular ts file angular router go to routing angular 9 angular navigate to url angular navigate angular navigate to route navigate in angular 6 navigation by url angular navigate function in angular 6 navigation link in angular 6
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source