/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

70 votes271 views6 answers
Create new project in angular
Javascript AngularJS
0 vote211 views1 answer
Base href angular
Javascript AngularJS
0 vote199 views1 answer
Angular set attribute value dynamically
Javascript AngularJS
6 votes195 views2 answers
Angular build with configuration
Javascript AngularJS
0 vote192 views1 answer
Angular httpheaders example
Javascript AngularJS
9 votes200 views3 answers
Angular append array to another
Javascript AngularJS
0 vote199 views1 answer
Filter table with multiple input in angular
Javascript AngularJS
0 vote212 views1 answer
Angular module with routing cli
Javascript AngularJS
0 vote220 views1 answer
Angular : pass data to component loaded via route
Javascript AngularJS
21 votes246 views6 answers
Angular property has no initializer and is not definitely assigned in the constructor
Javascript AngularJS