用到了哪些

1、路由，子路由的使用，引入——定义Routes——router-outlet——routerLink——routerLinkActive
2、(click)指令，绑定事件
3、[ngClass]指令，绑定样式

安装
npmi--save@angular/router

官方网址：https://angular.io/guide/router
引入和使用
要使用路由，我们需要在app.module.ts模块中，导入RouterModule。具体如下：
import{RouterModule}from'@angular/router';

imports:[
BrowserModule,
FormsModule,
HttpModule,
RouterModule,
WeUIModule
],

这样还不行，还要定义和添加路由，修改如下：
import{Routes,RouterModule}from'@angular/router';

exportconstROUTES:Routes=[
{path:'#',component:AccountingComponent},
{path:'count',component:CountComponent}
];

imports:[
BrowserModule,
FormsModule,
HttpModule,
WeUIModule,
RouterModule.forRoot(ROUTES)
],

这样就定义好路由了，还需要在页面上指定路由的区域。修改菜单menu.component.html如下：
routerLink是路由地址，routerLinkActive的作用是，当a元素对应的路由处于激活状态时，weui-bar__item_on类将会自动添加到a元素上。





记账