/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

0 vote216 views1 answer
Type time angular
Javascript AngularJS
1 vote251 views4 answers
Angular 8 features
Javascript AngularJS
0 vote222 views2 answers
Utiliser les données passees a un modal dans son propre composant en angular
Javascript AngularJS
0 vote224 views1 answer
Angular guards
Javascript AngularJS
0 vote217 views1 answer
Const link = document.createElement('a'); angular10
Javascript AngularJS
29 votes263 views2 answers
ERESOLVE unable to resolve dependency tree npm ERR npm ERR! Found: @angular/core@5.0.3 npm ERR! node_modules/@angular/core
Javascript AngularJS
0 vote230 views1 answer
Angular ngstyle variable
Javascript AngularJS
1 vote218 views2 answers
Angular 8 to 9
Javascript AngularJS
24 votes229 views1 answer
Angular date formats
Javascript AngularJS
0 vote266 views1 answer
Angular table lazy loading
Javascript AngularJS