Angular如何运用路由技术
工具/材料
崇高的文本
操作方法 01
首先在Sublime Text中创建新的HTML页面,然后导入angular.min.js和angular-route.js两个脚本文件,如下图所示。
02
然后在body标签中添加ng-app属性,该属性告诉angular从body中完全监控元素动态,如下图所示。
03
然后准备以下路由跳的锚链路列表,如下图所示。
04
接下来,我们需要通过脚本标签中的module方法实例化angular。实例化时注意添加ngRoute依赖,如下图所示。
05
然后通过angular实例实现config方法,如下图所示,将参数routeProvider传入config方法。
06
接下来使用routeProvider中的when方法匹配路径,然后实现路由跳转,如下图所示。
07
最后,当我们运行该页面时,您将看到下图所示的显示。当你点击一个链接时,你会发现地址栏中的链接也会发生变化。