Angular2 指令—路由指令
来源:互联网 发布:理财软件哪个口碑好 编辑:程序博客网 时间:2024/05/01 10:35
路由指令
RouterOutlet
RouterOutlet的作用是在模板中开辟出一片区域,用于显示URL所对应的组件,Angular将模板中使用了 标签的组件统称为路由组件
<main> <router-outlet></router-outlet></main>
RouterLink
RouterLink接收一个连接参数数组,Angular将根据该数组来生成UrlTree实例进行跳转。
<div> <a routerLink="/form">表单</a></div>
RouterLink的强大之处是他可以被应用到任何HTML元素上,使得页面跳转不需要依赖超链接。
<button [routerLink]="['/form']">表单</button>
routerLinkActive
当RouterLink被激活时,还可以通过RouterLinkActive指令为其相应的HTML元素指令CSS类。下面的例子,定义了一个CSS类.active,并通过routerLinkActive将其赋给收藏页的链接。当单击该链接后,.active类将被应用到标签上。
<a routerLink="/form" routerLinkActive="active">表单</a>
RouterLinkActive指令除了可以作用域routerLink所在的元素之外,还可以作用于这些元素的任意祖先元素
<div routerLinkActive="active"> <a routerLink="/form" >表单</a></div>
2 0
- Angular2 指令—路由指令
- Angular2 指令—通用指令
- Angular2 指令—表单指令
- Angular2 指令—自定义指令
- Angular2 指令—自定义指令
- angular2.0定义指令
- Angular2属性型指令
- Angular2-自定义指令@Directive
- Angular2+ 结构型指令
- Angular2 之 结构型指令
- Angular2 之 属性型指令
- 6.揭秘angular2学习 ------- 指令
- Angular2中的几种指令
- Angular2指令语法知识点汇总
- Angular2笔记(二)--指令
- Angular2学习_1(内置指令)
- 单臂路由指令
- angular2的三种指令类型
- fatal: Not a git repository (or any of the parent directories)
- 解决JQuery checkbox的attr(checked)一直为undefined问题
- Python Intro
- 公司难做的很
- 判断Java实体对象为空
- Angular2 指令—路由指令
- python 计算MD5范例
- RobotFramework初识
- Java-------华为机试-------字符串分隔
- SVN检出项目,Eclipse中无法找到项目解决方案
- 基于JavaMail的Java邮件发送:复杂邮件发送
- Android
- 二分贪心 E
- GITHUB使用教程