angular2的routerLinkActive指令在路由激活时添加样式class .red{ color: red;} <a routerLink="/user/login" routerLinkActive="red">login</a>当url是user ...
lt ul nz menu nzMode inline nzTheme dark nzInlineCollapsed isCollapsed gt lt li nz submenu ngFor let parent of menus nzOpen rla .isActive rla routerLinkActive routerLinkActive active gt lt span title ...
2018-11-08 13:21 0 1433 推荐指数:
angular2的routerLinkActive指令在路由激活时添加样式class .red{ color: red;} <a routerLink="/user/login" routerLinkActive="red">login</a>当url是user ...
一、子路由语法: 二、实例 在商品详情页面,除了显示商品id信息,还显示了商品描述,和销售员的信息。 通过子路由实现商品描述组件和销售员信息组件展示在商品详情组件内部。 1、新建2个组件修改其内容 重点是修改销售员信息组件,显示销售员ID。 2、修改路由 ...
提醒用户。 Angular提供了一些钩子帮助控制进入或离开路由。这些钩子就是路由守卫,可以通过这些钩子 ...
子路由是相对路由 路由配置部分: 主要是children const routes: Routes = [ {path:'home', component: HomeComponent, children ...
在HTML文件中 //主路由 <router-outlet></router-outlet> //辅助路由 <router-outlet name="aux"></router-outlet> 配置 {path:'xxx ...
是伴随着页面的切换 所以建议页面内部的路由变化使用angular.js 的router,而页面间的路由用 ...
路由守卫 CanActivate: 处理导航到某个路由的情况。 CanDeactivate:处理从当前路由离开的情况。 Resole:在路由激活之前获取路由数据。 1.CanActivate: 处理导航到某个路由的情况。 新建一个文件PermissionGuard.ts ...
有3种方式 1、在查询参数中传递数据 2、在路由路径中传递数据 定义路由路径时就要指定参数名字,在实际路径中携带参数。 3、在路由配置中传递数据 一、在查询参数中传递数据 第一步:修改模版中商品详情链接,带一个指令queryParams 效果:点击链接 ...