AngularJs全指令(一)---起步

这主要是关于自己在学习angularJs时,自己对于angularJS的一些理解


模板:动态模板,是动态的,直接去处理DOM的,而不是通过处理字符串模版(静态模板)


mvc:核心思想实现 -----“数据管理-数据模型Model应用逻辑-控制器Controller数据表现-视图View”------三者的之间的分离。


viewmodel获取数据把数据展示到界面上,

当有用户操作处理交互时,控制器controller去改变数据model

然后通知view去做相应的改变;各司其职。




双向绑定:意味着当model变化的时候,view也去改变,view改变的时候,model也会相应的发生变化,也就是MVVM的概念,VM就是viewmodel的枢纽所在。


scope:是一个view和控制器之间的纽带,也就是作为数据模型model的,scope负责去监听model的变化,同时scope是和html结构一样具备层次结构的,每个angular app都会有且只有一个rootScope,他可以有childScope,每个childScope会有parentScopechildScope,也就意味着是可以继承的,继承方式也是原型继承,每一个childScope继承自他的parentScope


controllerview后的代码,在angular中,规范的是在controller中不出现任何的DOM操作,

controller仅仅是去更改(创建)scope上的数据就ok了,所以在ag中跑单元测试时很容易的。


model:数据模型,与模板结合产生视图,

angular中,他是scope的一个属性,值可以是任何的JS的对象(数字 字符串 数组...


view:就是咱们的HTML呈现,angular会便利DOM树,然后经过compile,在和scope数据结合,完整的呈献给用户。


directive:指令,可以说是angular中相当占分量的概念,可以理解为去扩展HTML元素,使其具备一定的特性或者功能,

类似于组件化HTML的意思,如果说DOM操作的话,就是在这里完成的;有人说这是未来的方向还是很有道理的,未来通道polymer O(∩_∩)O


依赖注入:其他好多语言也有这个概念,这样我们就不用创建依赖关系了,angular会自动帮我们注入到调用函数的参数中。


module:模块,可以理解为某类功能特性的集合,是一个应用块,模块是可以被依赖注入的,也是配置依赖的地方。


表达式:一个普通的JS代码片段,我们可以通过$parse服务对表达式求值,除了if else switch throw while for啊这些,基本上其他的JS代码片段都可以被parse求值,此外还增加了过滤器filter的管道|语法,例如3*10|currency,详见官网。



你可以用ng-app 指令告诉Angular 应该管理页面中的哪一块。如果你正在构建一款纯Angular 应用,那么你应该把ng-app 指令写在<html> 标签中,


  1. <html ng-app> 
  2. …  
  3. </html> 


这样就会告诉Angular 去管理页面上的所有DOM 元素 。

也可以通过ng-app去管理页面上的一部分

所有的angularjs的指令要在ng-app下才可以使用

ng-app可能是一个主 最外的那一层,$rootScope 可能就定义在这下面的

angular.module("app.admin", [ ] )





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值