Angular一点基础知识
2015-07-21 17:31
645 查看
js中的mvc
mvc设计模式,简单说来是将复杂的代码设计规范化,把应用的输入,处理,输出分开,M是指数据模型,V是指用户界面,C则是控制器。像我刚接触的SSH框架中,例如struts,就是利用mvc的设计模式。其中model(也就是数据模型)负责封装页面传来的参数,并交给业务进行处理,处理完后返回模型数据到页面进行显示,这一点angular js中的双向数据绑定成功的实现了。control负责进行业务处理,并将处理后的模型数据选择对应的视图view进行输出。刚刚接触angular js,对于接触js,css,html这些不久的我来说,这样东西十分神奇,在我以前的编码中,js就是js,就拿双向数据绑定来说,以前的我要实现这个,只有在js中获取input标签的内容,进行处理,再通过js的标签控制来显示,这样的代码肯定非常复杂,而angular js只需要一个简单的双花括号和ng-model,即可实现从js到view的双向绑定,大大节省了代码量。现在刚学angular js,我会在以后的学习中深入学习angular
js的各种神奇地方,现在先记录对angular js的一些理解。
angular js 中的scope和rootscope
$scope 的使用贯穿整个 AngularJS ,它与数据模型相关联,同时也是表达式执行的上下文.有了 $scope 就在视图和控制器之间建立了一个通道,基于作用域视图在修改数据时会立刻更新 $scope,同样的 $scope 发生改变时也会立刻重新渲染视图.$rootscope,AngularJS 应用启动并生成视图时,会将根 ng-app 元素与 $rootScope 进行绑定.$rootScope 是所有 $scope 的最上层对象,可以理解为一个 AngularJS 的全局作用域对象,因此一般不要在它上面创建过多的变量,这个道理和污染 Javascript 全局作用域是一样的.
相关文章推荐
- AngularJS权威教程 笔记(AngularJS是一个很有意思的库,基于函数形参的依赖注入?酷!还有奇怪的$scope和指令)
- Angularjs路由.让人激动的技术.真给前端长脸了.
- AngularJS学习笔记
- AngularJs教程地址
- Angularjs过滤器的开发.
- Angular2 Decorator
- Angular2 How to Repeat a List
- Angular2 inject a Component into a Component
- Angular2 Template Syntax
- 1 Angular2 Set up
- 简话Angular 03 Angular内置表达式大全
- angular directive详解
- 创建 AngularJS 自定义过滤器,带自定义参数
- AngularJs记录学习04
- AngularJs记录学习03
- AngularJs记录学习02
- 【AngularJS】Yeoman安装
- 【AngularJS】【03】使用AngularJS进行开发
- angularjs 分页精华代码
- AngularJS学习笔记<1>环境配置