/Javascript/AngularJS/Button click navigate to another page angular

Button click navigate to another page angular

Add a route to a buttoin in angular

<button type="button" class="btn btn-primary-outline pull-right" (click)="btnClick();"><i class="fa fa-plus"></i> Add</button>    

// myComponent.component.ts file 
import { Router } from '@angular/router';

constructor(private router: Router) {

}
// myComponent.component.thml
btnClick= function () {
        this.router.navigateByUrl('/user');
};

Source: stackoverflow.com

Button click navigate to another page angular

<button type="button" class="btn btn-primary-outline pull-right" (click)="btnClick();"><i class="fa fa-plus"></i> Add</button>    

// myComponent.component.ts file 
import { Router } from '@angular/router';

constructor(private router: Router) {

}
// myComponent.component.thml
btnClick= function () {
        this.router.navigateByUrl('/user');
};

Similar codes

20 votes174 views4 answers
Create angular component using cli
Javascript AngularJS
0 vote182 views1 answer
Reactive forms change event in angular
Javascript AngularJS
1 vote156 views1 answer
How to use edit button in angular
Javascript AngularJS
1 vote212 views1 answer
Angular mat select open programmatically
Javascript AngularJS
0 vote156 views1 answer
Fullcalendar angular add events
Javascript AngularJS
17 votes201 views3 answers
Angular pipe for 2 decimal places
Javascript AngularJS
0 vote185 views1 answer
Angular convert boolean to yes no
Javascript AngularJS
2 votes158 views2 answers
Ngfor select angular
Javascript AngularJS
1 vote140 views1 answer
Angular matdialogref
Javascript AngularJS
2 votes171 views2 answers
If 'router-outlet' is an Angular component, then verify that it is part of this module.
Javascript AngularJS