发表于: 2017-05-28 20:36:38
1 883
今天完成的事情:
1.看了angular的基础知识:
路由:
在使用路由的这个功能的时候,需要引入AngularJS的angular-route这个文件。放在angular之后。因为angular-route.js需要传入window.angular这个参数,而这个参数只有在加载完angular才会出现。
路由的概括:路由功能是由 routeProvider服务 和 ng-view 搭配实现,ng-view相当于提供了HTML模板的挂载点,当切换url进行跳转时,不同的页面模板会放在ng-view所在的位置; 然后通过 routeProvider 配置路由的映射。
一般主要通过两个方法:
when():配置路径和参数;
otherwise:配置其他的路径跳转。
angularjs提供的route自身有很多不足之处,不能进行很多深层次的嵌套。所以,我们一般会引入angular-ui-router.js这个文件。这个文件提供了新的路由配置项。
Model:
model是应用中的简单数据。一般是简单的javascript对象。这里没有必要继承框架的classes,使用proxy对象封装或者使用特别的setter/getter方法来访问。事实上我们处理vanilla javascript的方法就是一个非常好的特性,这种方法使得我们更少使用应用的原型。
ViewModel:
viewmodel是一个用来提供特别数据和方法从而维护指定view的对象。
viewmodel是$scope的对象,只存在于AnguarJS的应用中。$scope只是一个简单的js对象,这个对象使用简单的API来侦测和广播状态变化。
Controller:
controller负责设置初始状态和参数化$scope方法用以控制行为。需要指出的controller并不保存状态也不和远程服务互动。
View:
view是AngularJS解析后渲染和绑定后生成的HTML 。这个部分帮助你创建web应用的架构。$scope拥有一个针对数据的参考,controller定义行为,view处理布局和互动。
依赖注入(Dependency Injection,即DI):
AngularJS拥有内建的依赖注入子系统,可以帮助开发人员更容易的开发,理解和测试应用。
DI允许你请求你的依赖,而不是自己找寻它们。比如,我们需要一个东西,DI负责找创建并且提供给我们。
2.完成了三个页面的css样式。
明天计划的事情:
继续学习angularjs,感觉菜鸟教程的不怎么样,明天看看王蒙师兄发给我的电子文档。
遇到的问题:
感觉angularjs看的有点懵,感觉跟boostrap有点像,都是在html里面操作,但是又感觉有很大的不同。
收获:
明白了angularjs是用来干嘛的,mvc的开发思想。
评论