AngularJS 核心概念了解
AngularJS 核心概念理解
AngularJS使用MVC的架构,具体的功能如下:
1)M;模型,这个比较抽象,它其实完成的功能是调用后台服务来获取相应的数据;
2)V:视图,注意这里的视图只是每个特定功能的页面,具体的可以参见单页应用http://gaofulai1988.iteye.com/admin/blogs/2253015 ;
3)C:控制,这个是连接模型与视图的桥梁,那它是怎么关联的呢,通过$scope来关联。
从controller说起,它主要的结构如下:
myAppModule.controller("accountManage",[xxx,xxx]{
var data=service.getUserList();
$scope.data=data;
}
这里用几个概念得说明一下:
Module:你可以理解成java package,将一些文件有机的放在一起,不要与MVC中的module混淆了;
Service:它主要完成逻辑功能,如发送http请求,获取http返回的结果,服务有内置服务,也有自己自定义的服务;
$Scope:这里是作用范围,一个controller有它作用的范围,在这个范围内,它能取到它的值,包含控件和方法;
双向绑定:页面的变化能引起M的变化,一般有两种方式实现:一是ng-bind,另一个是表达式{{}},$scope.data=data,这里其实就是应用的双向绑定的思想,返回的data会立即反映在页面上;
路由:这个这篇文章中http://gaofulai1988.iteye.com/admin/blogs/2252913提到过,不懂的请参考下;
Directive:这个是扩展了html的属性,想想我们平时总写ng-model,ng-init,ng-bind,ng-click,ng-show,这些在普通的html中,你会见到吗?当然也分为内置的,就是上面提到的这些,你也可以自己自定义一些directive。
以上的概念是很核心的,对于理解AngularJS来讲,是比较重要的,当然也有其它的概念没有提到,我觉得只要你把上面的内容理解清楚了,基本上对于AngularJS来讲,还是有自己的体会的。
AngularJS使用MVC的架构,具体的功能如下:
1)M;模型,这个比较抽象,它其实完成的功能是调用后台服务来获取相应的数据;
2)V:视图,注意这里的视图只是每个特定功能的页面,具体的可以参见单页应用http://gaofulai1988.iteye.com/admin/blogs/2253015 ;
3)C:控制,这个是连接模型与视图的桥梁,那它是怎么关联的呢,通过$scope来关联。
从controller说起,它主要的结构如下:
myAppModule.controller("accountManage",[xxx,xxx]{
var data=service.getUserList();
$scope.data=data;
}
这里用几个概念得说明一下:
Module:你可以理解成java package,将一些文件有机的放在一起,不要与MVC中的module混淆了;
Service:它主要完成逻辑功能,如发送http请求,获取http返回的结果,服务有内置服务,也有自己自定义的服务;
$Scope:这里是作用范围,一个controller有它作用的范围,在这个范围内,它能取到它的值,包含控件和方法;
双向绑定:页面的变化能引起M的变化,一般有两种方式实现:一是ng-bind,另一个是表达式{{}},$scope.data=data,这里其实就是应用的双向绑定的思想,返回的data会立即反映在页面上;
路由:这个这篇文章中http://gaofulai1988.iteye.com/admin/blogs/2252913提到过,不懂的请参考下;
Directive:这个是扩展了html的属性,想想我们平时总写ng-model,ng-init,ng-bind,ng-click,ng-show,这些在普通的html中,你会见到吗?当然也分为内置的,就是上面提到的这些,你也可以自己自定义一些directive。
以上的概念是很核心的,对于理解AngularJS来讲,是比较重要的,当然也有其它的概念没有提到,我觉得只要你把上面的内容理解清楚了,基本上对于AngularJS来讲,还是有自己的体会的。