angularjs入门心得之directive和controller通信过程_angularjs

angularjs入门心得之directive和controller通信过程_angularjs

ID:30774071

大小:334.61 KB

页数:9页

时间:2019-01-03

angularjs入门心得之directive和controller通信过程_angularjs_第1页
angularjs入门心得之directive和controller通信过程_angularjs_第2页
angularjs入门心得之directive和controller通信过程_angularjs_第3页
angularjs入门心得之directive和controller通信过程_angularjs_第4页
angularjs入门心得之directive和controller通信过程_angularjs_第5页
资源描述:

《angularjs入门心得之directive和controller通信过程_angularjs》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、AngularJS入门心得之directive和controller通信过程AngularJS通过新的属性和表达式扩展了HTML。Angularjs学习起來也非常的简单。1.AngularJS是何方神圣AngularJS(Angular.JS)是一组用来开发Web贝面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应

2、用的话它就显得乏力了。这里AngularJS就应运而生,弥补了HTML的天然缺陷,用于构件Web应用等。2.如何了解AngularJSAngularJS诞生于2009年,由MiskoHevery等人创建,后为Google所收购。AngularJS官网:http://;™v.angularjs.org(一般来说会被墙掉,所以可以访问下面的网站)AngularJS中文网站:http://www.ngnice.com书籍:《AngularJS权威教程》《用AngularJS开发下一-代Web应用》等。个人意

3、见,Foryourinformation备注:视频教程,最近有看过大漠老师的AngularJS教程,觉得述不错,但是感觉没有一点基础还是听不懂的,或者要看好儿遍(不是做广告)3•为什么要了解AngularJS一项新技术能够面世,为众人所知,从而脱引而出,定然不是空穴来风,肯定有其标新立异的过人之处,主要有以下几点:(1)MVC的思想(或者是MVVM)(2)模块化和依赖注入(3)双向数据绑定(4)指令每一个特性都可以大篇幅的展开,显然,目前能力不够,没法展开,冇兴趣可以网上搜下,大体了解。今天主耍来说说

4、AngularJS的三个指令“@“二”,“"的用法和区别(这个问题困扰了我大半天,^11Frank交流多次,我才明门)1•指令作用域中的⑪作用是把当前屈性作为字符吊传递。先上代码,前台界面:

5、ater二〃{{pureWater}},zX/drink>

JS代码:varmyModule=angular.module(z,MyModulez,,[]);myModule.controllerMyCtrT,「$scopc',function($scopc){$scope.pureWater二〃纯净水〃;}])myModule.direc

6、tive(/zdrinkz,,function(){return{restrict:'AE"、scope:{water:'},template:z,

{{water}}〈/div>"});执行的结果平淡无奇,却暗藏玄机:纯净水QElcmentiNctg—SotieculT

7、p>vodule-t[]);■]C/U«rvAdminiftfMOctlon(){台ScopcAt^i6return(restrict:•口CIS«scooe:t9BBt«r:Ith33>x<(1)HTML页面中,声明一个标签

8、,其中定义一个属性名:water属性值:pureWater(这里的{{}}是angularjs的一种常见表达式,类似于ng-model,用于值绑定)(2)JS文件中,首先从模块开始,然后创建一个控制器行2"亍4,再定义一个指令,主要实现的是将,z,z替换为,z

{{water}}
,z标签显示(3)重点介绍这里的scope:{water:'该表达式等价于:link:function(scope,clement

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。