在Angular 2中,可以使用routerLink
指令来实现重定向或调用ts文件中的routerLink
。routerLink
指令用于在模板中定义导航链接。
要在Angular 2中重定向或调用ts文件中的routerLink
,可以按照以下步骤进行操作:
routerLink
指令来定义导航链接。例如,如果要导航到名为home
的路由,可以这样写:<a routerLink="/home">Go to Home</a>
Router
类和其他必要的依赖项。然后,在构造函数中注入Router
类的实例。例如:import { Router } from '@angular/router';
constructor(private router: Router) { }
this.router.navigate()
方法来重定向或调用routerLink
。例如,如果要在某个方法中重定向到名为home
的路由,可以这样写:redirectToHome() {
this.router.navigate(['/home']);
}
redirectToHome()
方法:<button (click)="redirectToHome()">Go to Home</button>
这样,当用户点击按钮时,将调用redirectToHome()
方法并重定向到名为home
的路由。
总结起来,要在Angular 2中重定向或调用ts文件中的routerLink
,您需要在组件的HTML模板中使用routerLink
指令来定义导航链接,并在组件的TypeScript文件中使用Router
类来实现重定向或调用routerLink
。
领取专属 10元无门槛券
手把手带您无忧上云