在Angular 2中,可以使用Router模块来实现将(click)事件绑定到a标签的href属性上。具体解决方法如下:
npm install @angular/router --save
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
// ...
@NgModule({
imports: [ RouterModule.forRoot(routes) ],
// ...
})
export class AppModule { }
const routes: Routes = [
{ path: 'home', component: HomeComponent },
{ path: 'about', component: AboutComponent },
// ...
];
Go to Home
Go to About
export class HomeComponent {
// ...
navigateToHome() {
// 空方法
}
}
Go to Home
这样,当用户点击a标签时,就会触发相应的路由导航,跳转到对应的组件页面。