AngularJS之基础-5 路由(定义路由、使用路由)、自定义指令(Directive)

一、定义路由

ng-view

- AngularJS 支持通过在单页面上的多个视图的单页应用

-ng-view 标记只是简单地创建一个占位符

- 使用

ng-template

- 创建使用script标签的HTML视图

- 使用

-定义类型作为主模块中 ng-template 的脚本块

$routeProvider

- 映射相应的HTML页面或ng-template

- 附加一个控制器使用相同键的服务

- 注意:

- 需要angular-route.js脚本文件的引用

二、使用路由

锚点链接

- 定义锚点

- 定义 ng-template

- 定义控制器

路由参数

- 声明参数

- 接受参数

- 显示参数

三、自定义指令-Directive

元素

- 自定义指令中使用 AngularJS 扩展 HTML 的功能

- 下列元素的类型来创建自定义指令

-Element directives - 指令遇到时激活一个匹配的元素

-Attribute - 指令遇到时激活一个匹配的属性

-CSS - 指令遇到时激活匹配 CSS 样式

-Comment - 指令遇到时激活匹配的注释

directive

使用自定义指令

总结：本章内容主要介绍了 AngularJS 路由(定义路由、使用路由)、自定义指令(Directive)