整体目录结构,很简单,css和js以及下载的框架插件包文件夹各一个,还有一个index.html主页文件一个。
js文件夹下,一份json格式的假数据,一个index.js ,用来配置个页面路由信息,以及一个自己封装的json.js工具文件,里面只有一个函数。
此外,各个分页面个一个文件夹
index.html 主页文件,主要一个nav,还有一个小坑,用来放入路由分页面,最后是把所有js文件引入。
index.js 中的代码,首先获取 myApp 模块明
然后使用 config() 方法,传入回调函数
再使用#routerProvider 对象的 when()方法,指定各个锚点对应的html页面(其实页面里内容都一样,只不过变量里面对应的数据不一样) ,同时,给各个页面模块指定不同的控制器
后面有一部分被注释的内容,这是因为angular的安全措施,需要把要连接的页面,加入白名单
之后,是主页内,本来就有的nav的控制器
看,分页面内容都是一样的
一个分页面的控制器内容
获取数据的地址不一样而已,其他基本也都一样
注意路由跳转时,可以传参,使用 $routeParams.传参变量名 进行获取