关于angular路由结构

整体目录结构，很简单，css和js以及下载的框架插件包文件夹各一个，还有一个index.html主页文件一个。

 

js文件夹下，一份json格式的假数据，一个index.js ，用来配置个页面路由信息，以及一个自己封装的json.js工具文件，里面只有一个函数。

 

此外，各个分页面个一个文件夹

index.html 主页文件，主要一个nav，还有一个小坑，用来放入路由分页面，最后是把所有js文件引入。

index.js 中的代码，首先获取 myApp 模块明

 

然后使用 config() 方法，传入回调函数

 

再使用#routerProvider 对象的 when()方法，指定各个锚点对应的html页面（其实页面里内容都一样，只不过变量里面对应的数据不一样） ，同时，给各个页面模块指定不同的控制器

 

后面有一部分被注释的内容，这是因为angular的安全措施，需要把要连接的页面，加入白名单

 

之后，是主页内，本来就有的nav的控制器

看，分页面内容都是一样的

一个分页面的控制器内容

 

获取数据的地址不一样而已，其他基本也都一样

注意路由跳转时，可以传参，使用 $routeParams.传参变量名 进行获取