发表于: 2017-01-18 23:43:05
1 1431
今天完成的事情:
学习angularJS的路由;
明天计划的事情:
完成任务六;
遇到的问题:
虽然说了解了angularJS路由的一些配置,感觉任务六还是无从下手的样子;
收获:
angularjs路由:
AngularJS 路由允许我们通过不同的 URL 访问不同的内容。
通过 AngularJS 可以实现多视图的单页Web应用(single page web application,SPA):就是直接不跳转页面来加在网页内容。
1、引入实现路由效果的js文件:angualar-route.js;
2、包含了 ngRoute 模块作为主应用模块的依赖模块;
3、使用$routeProvider.when 函数的第一个参数是 URL 或者 URL 正则规则,第二个参数为路由配置对象。
根据菜鸟教程写了一个demo:
页面效果如下:
当点击链接时,页面会显示对应点击链接所显示的内容且页面不跳转。
评论