AngularJS是一款来自Google的前端JS框架,它的核心特性有:MVC、双向数据绑定、指令和语义化标签、模块化工具、依赖注入、HTML模板,以及对常用工具的封装,例如$http、$cookies、$location等。AngularJS框架的体积非常小,但是设计理念和功能却非常强大,值得前端开发者深入学习。 本书对AngularJS框架的核心特性做了全面的介绍,包括常用的开发工具和开发环境。作为国内**本关于AngularJS的书籍,本书是学习AngularJS的**入门工具。
我们都希望开发更小型、更轻量的Web应用,让创建应用更加容易,并且当项目变大时仍然易于测试、扩展和维护。这本手册将为你介绍AngularJS,它是一个开源的JavaScript框架,它使用MVC架构、数据绑定、客户端模板以及依赖注入等技术,从而为构建Web应用创建急需的结构。 本书的作者是两位在Google负责AngularJS框架的工程师,他们将引领读者概览整个框架的核心特性,并构建一款可运行的AngularJS应用,内容涵盖布局、测试、编译及调试整个过程。通过这个过程,你将会学到AngularJS是怎样降低Web应用复杂性的。
■ 深入理解Angular的构件,学习它们是如何协同工作的。
■ 使用MVC模式分离控制逻辑、数据以及渲染职责,从而获得*大程度的灵活性。
■ 利用客户端模板在浏览器中装配你的完整应用。
■ 利用AngularJS的指令,用声明式语法来扩展HTML。
■ 使用$http服务与服务器交互并实现简单的缓存。
■ 利用依赖注入改进重构、测试以及多种环境下的设计。
■ 获得Web应用中常见问题的代码示例。
关于Angular 的起源,我可以追溯到2009 年的Google Feedback 项目。当时,对于项目的开发速度以及如何编写可测试代码的问题,我们已经经受了几个月的折磨。6 个月时,我们开发了差不多17000 行前端代码。这时候,团队中的一个成员Misko Hevery 做出了一个大胆的宣言:利用他自己业余时间所开发的一个开源库,他可以在两周之内把目前所有东西重写一遍。
我当时想,两周的时间并不会给我们造成太大的影响,同时我们也接受了Misko 努力构建一些东西的想法。然而Misko *终还是估算错了时间,他用了三个星期。但是,我们所有人还是被他深深地震撼了,更让我们感到震撼的是,他所开发的新应用的代码量从原来的17000 行压缩到了1500 行。看起来,Misko 的东西值得深入推广。Misko 和我决定,围绕他所提倡的理念组建一个团队,这个简单的理念就是:简化对web 开发者的经验要求。Shyam Seshadri,也就是本书的合著者,后来继续领导GoogleFeedback 团队开发了**款搭载Angular 的应用。
从那时起,我们在大家的指导下继续开发Angular。给予我们指导的人有的来自Google自己的团队,也有来自全球的数以百计的开源贡献者。数千名开发者在他们的日常工作中依赖Angular,并且发展成了一个优质的支持者网络。
我们也非常期望能够接受你的指导。
排版约定
在本书中将会使用以下排版和印刷约定。
斜体(Italic)
表示新的术语、URL、邮箱地址、文件名以及文件的扩展名。
等宽字体(Constant width)
用于代码清单,以及段落中所引用的编程元素,例如变量、函数名称、数据库、数据类型、环境变量名称、语句以及关键字。
等宽加粗字体(Constant width bold)
用于显示需要用户输入的文本字面值,例如命令或者文本。
等宽斜体(Constant width italic)
用于显示应该被替换的文本,这些文本会被用户所输入的值或根据上下文所决定的值所替换。
使用实例代码
本书的目标是帮助你完成工作。总地来说,你完全可以将本书中所包含的实例代码用在你的程序和文档中。你没有必要联系我们来获得授权,除非你想对代码做出大规模的重构。举例来说,如果你编写一个程序,里面将会使用几段来自本书中的代码,这种行为并不需要获得授权;而出售或者分发O'Reilly 书籍中实例代码的CD-ROM 就需要获得授权;引用本书中的内容或者本书中的实例代码来回答问题不需要授权;而把本书中的大量代码合并到你的产品文档中就需要授权。
2.在表单输入项上使用ng -model。与表达式类似,ng-model上指定的模型参数同样工作在外层控制器内。唯一的不同点在于,这样会在表单项和指定的模型之间建立双向绑定关系。
使用$watch监控数据模型的变化
在scope内置的所有函数中,用得*多的可能就是$watch函数了,当你的数据模型中某一部分发生变化时,$watch函数可以向你发出通知。你可以监控单个对象的属性,也可以监控需要经过计算的结果(函数),实际上只要能够被当作属性访问到,或者可以当作一个JavaScript函数被计算出来,就可以被$watch函数监控。它的函数签名为$watch(watchFn, watchAction, deepWatch)其中每个参数的详细含义如下。
watchFn
该参数是一个带有Angular表达式或者函数的字符串,它会返回被监控的数据模型的当前值。这个表达式将会被执行很多次,所以你要保证它不会产生其他副作用。也就是说,要保证它可以被调用很多次而不会改变状态。基于同样的原因,监控表达式应该很容易被计算出来。如果你使用字符串传递了一个Angular表达式,那么它将会针对调用它的那个作用域中的对象而执行。
watchAction
这是一个函数或者表达式,当watchFn发生变化时会被调用。如果是函数的形式,它将会接收到watchFn的新旧两个值,以及作用域对象的引用。其函数签名为function(newValue, oldValue, scope)。
deepWatch
如果设置为true,这个可选的布尔型参数将会命令Angblar去检查被监控对象的每个属性是否发生了变化。如果你想要监控数组中的元素,或者对象上的所有属性,而不只是监控一个简单的值,你就可以使用这个参数。由于Angular需要遍历数组或者对象,如果集合比较大,那么运算负担就会比较重。
$watch函数会返回一个函数,当你不再需要接收变更通知时,可以用这个返回的函数注销监控器。
……
Brad Green是Google公司AngularJS项目的技术经理。他同时还直接负责可访问性和技术支持方面的工作。 Shyam Seshadri是Fundoo Solutions公司的老板兼CEO,同时经营AngularJS商店,并且致力于为印度市场提供创造性和有趣的产品。
《人间一格》内容简介:本书是青年作家、知名媒体人格子首部随笔集。这是一部极具个人风格的作品,是中文随笔的一次全新尝试。从童
《虚拟人》内容简介:人类躯体死亡,思维是否有可能继续存在,从而实现思维不朽?思维克隆人、网络人等虚拟人将如何颠覆人类对“我
《用户体验草图设计工具手册(全彩)》是《用户体验草图设计》的配套阅读图书,将指导你如何一步一步地用草图来表达你的设计理念
《风景园林快题设计方法与案例评析》内容简介:《风景园林快题设计方法与案例评析》由一线考研辅导老师撰写,融汇了作者多年的教学
《世间的陀螺》内容简介:韩浩月呕心沥血之作。从故乡的逃离者、批判者到回归者,以至真至诚,直面一生所爱,深沉追忆时间深处的山
《女人就是要有气质》内容简介:本书从关注女性自我生存、生活状态入手,对现代女性培养自我气质、修养、内涵及品位的重要方面进行
本书介绍了CATIAV5CAD部分的主要模块,分6章依次介绍CATIAV5的操作入门、草图设计、零件设计、曲面造型、装配设计和工程绘图。本
本书力求以全新的视野,洞悉无线通信前沿领域的一些新的理论、新的技术和新的产品,让读者在最短的时间内跟踪并掌握目前无线Mesh
《深入理解Java7:核心技术与最佳实践》的主要内容可分为三大部分:第一部分是1-6章,全面阐释Java7在语法、JVM、类库和API等方面
《零基础学Java》内容简介:本书主要介绍Java语言编程的入门知识。其中涉及的内容有网络编程技术、图形编程技术、数据库编程技术等
Whateveryourprogramminglanguage,whateveryourplatform,youprobablytapintolinkerand...
《小顾聊印象派》内容简介:改变时代的人,皆由时代造就。整个时代都在变,艺术怎能一成不变? 1874年,一个名叫莫奈的家伙登高一呼
《世界著名计算机教材精选:语义Web技术基础》主要介绍了语义万维网基础技术。《世界著名计算机教材精选:语义Web技术基础》从实用
《海蒂》内容简介:《海蒂》是瑞士儿童文学作家给翰娜·斯比丽的代表作,被视为世界儿童文学经典作品之一。分为《海蒂的学习和生活
Youdontneedprogrammingexperiencetoaddinteractiveandvisualeffectstoyourwebpageswi...
大数据下并行知识约简与知识获取 本书特色 本书针对大数据的数据体量大、数据类型繁多、处理速度快、价值密度高等特点,以粒计算方法为理论基础,以经典粗糙集模型和区间...
《购房活地图王佳教你如何买二手房》内容简介:本书紧扣“帮购房者解决购买二手房中难题”这一宗旨,采用问答的形式,扫描购买二手
《教你读懂年报》内容简介:本书是解读上市公司年报的专著,涵盖了对上市公司年报所有12个章节的剖析。本书的所有案例都来自上市公
本书系统地介绍了可变目标ANSIC编译器1cc的设计方法和实现技术。1cc是一个实用的编译器,能够不同的目标机器生成代码。本书结合1
《他们这样旅行》内容简介:两大家族,三代人,横跨70年,11场纵横交错的人生旅行。深夜的大马士革路上,年轻女人和未婚夫的车被两