Angular JS开发秘籍

AngularJS开发秘籍[美]BradDayley著王肖峰郑凯译北京AuthorizedtranslationfromtheEnglishlanguageedition,entitledLearningAngularJS,978-0-13-403454-6byBradDayley,publishedbyPearsonEducation,Inc,publishingasAddison-Wesley,Copyright©2015.Allrightsreserved.Nopartofthisbookmaybereproducedortransmittedinanyformorbyanymeans,electronicormechanical,includingphotocopying,recordingorbyanyinformationstorageretrievalsystem,withoutpermissionfromPearsonEducation,Inc.CHINESESIMPLIFIEDlanguageeditionpublishedbyPEARSONEDUCATIONASIALTD.,andTSINGHUAUNIVERSITYPRESSCopyright©2015.北京市版权局著作权合同登记号图字：01-2015-2183本书封面贴有PearsonEducation(培生教育出版集团)防伪标签，无标签者不得销售。版权所有，侵权必究。侵权举报电话：010-6278298913701121933图书在版编目(CIP)数据AngularJS开发秘籍/(美)戴利(Dayley,B.)著；王肖峰，郑凯译.—北京：清华大学出版社，2015书名原文：LearningAngularJSISBN978-7-302-40367-8Ⅰ.①A…Ⅱ.①戴…②王…③郑…Ⅲ.①超文本标记语言—程序设计Ⅳ.①TP312中国版本图书馆CIP数据核字(2015)第114502号责任编辑：王军韩宏志封面设计：牛艳敏版式设计：思创景点责任校对：邱晓玉责任印制：出版发行：清华大学出版社网址：，地址：北京清华大学学研大厦A座邮编：100084社总机：010-62770175邮购：010-62786544投稿与读者服务：010-62776969，[e-mail]质量反馈：010-62772015，[e-mail]印刷者：装订者：经销：全国新华书店开本：185mm×260mm印张：12.5字数：312千字版次：2015年7月第1版印次：2015年7月第1次印刷印数：1～3500定价：49.80元产品编号：译者序AngularJS是由Google开发的JavaScript客户端框架，它通过MVC框架帮助开发者设计优良的Web页面和应用。它提供了用于处理浏览器中用户输入、操作客户端数据和控制浏览器视图中元素显示的所有功能。它还具有扩展HTML的能力，通过使用指令可以动态地声明页面内容。正是它的这些优点，使它自诞生以来迅速成为Web开发领域的新宠，甚至被誉为Web开发世界中最激动人心的创新技术之一。本书将由浅入深地讲解AngularJS的各种细节，各章依次讨论AngularJS的依赖注入、数据模型、模板、指令、事件处理、服务等特性，并且通过各种示例演示这些特性的用法。本书最后一章提供了一个实际示例，演示如何使用AngularJS机制构建富交互应用。此外，还为不熟悉JavaScript的开发者提供了一章内容，用于讲解JavaScript的基础知识，帮助他们快速地开始本书的学习。因此，无论是经验丰富的开发者，还是刚刚入门的初学者都可以在其中找到有用的信息。不得不说，这是一本AngularJS方面不可多得的精品之作。我非常开心自己能够负责本书的翻译工作。通过这个过程，不仅可为大家带来一本真正的AngularJS开发秘籍，帮助你们快速掌握这门新技术，也可以让自己加深对AngularJS的理解。最后，感谢清华大学出版社的编辑们为本书付出的心血。同样感谢妻子对我翻译工作的支持和鼓励。没有你们的支持和鼓励，本书就不可能顺利出版。对于这本经典之作，译者对本书进行了详细的阅读，对其中一些具有争议的地方也进行了反复的考证，但个人精力有限，难免有疏漏之处，敬请各位读者谅解。如有任何意见或建议，请不吝指正。本书全部章节由王肖峰翻译，参与翻译活动的还有郑凯、杜欣、高国一、孙其淳、孙绍辰、徐保科、尤大鹏、张立红、邓伟、王蕊、王小红、马宁宁。最后，希望各位读者能够早日掌握强大的AngularJS特性，轻松构建出设计优良的Web应用。作者简介BradDayley是一位具有20多年企业应用和Web界面开发经验的高级软件工程师。他对新技术抱有极大的热情，尤其是那些对软件工业造成巨大影响的技术。他已经使用JavaScript、jQuery和AngularJS多年，也是Node.js、MongoDBandAngularJSWebDevelopment、jQueryandJavaScriptPhrasebook和TeachYourselfjQueryandJavaScriptin24Hours等书籍的作者。他设计并实现了大量应用和服务(从应用服务器到复杂的Web2.0界面)。他也是TeachYourselfMongoDBin24Hours、PythonDeveloper'sPhrasebook和TeachYourselfDjangoin24Hours等书籍的作者。致谢我希望使用本页内容来感谢所有帮助我完成本书的朋友们。首先要感谢贤惠的妻子给予的鼓励、爱以及支持。没有你，我永远无法完成本书。另外，我要感谢本书编写过程中，所有帮助我的朋友。感谢MarkTaber指导我正确地完成本书的编写，感谢CheriClark和KatieMatejka帮助我将技术随笔转变为可读的文本，感谢JesseSmith使我的思路保持清晰和准确，感谢ElaineWiley帮助管理这个项目并保证本书终稿拥有最佳的质量。前言欢迎阅读《AngularJS开发秘籍》。本书将带你进入AngularJS领域，帮助你学习如何使用AngularJS构建高度可交互并且结构良好的Web应用。本书涵盖AngularJS框架的基础知识，以及如何使用它为Web应用构建出设计良好、可重用的组件。AngularJS是Web开发领域中出现的最令人兴奋的创新技术之一。本前言将涵盖下面的内容：●本书读者对象●应该阅读本书的原因●通过阅读本书可以完成的任务●AngularJS是什么以及它成为一项优秀技术的原因●本书内容安排●示例代码的位置接下来让我们进入正题。本书读者对象本书面向已经具有HTML基础知识，并且已经使用现代编程语言完成了一些编程工作的开发者。了解JavaScript和jQuery技术的读者会更容易理解本书，但本书并不要求读者必须掌握JavaScript基础知识。应该阅读本书的原因本书将讲解如何创建强大的、可交互的Web应用，而且这些应用将具有良好的结构和易于重用的代码库(它们也易于维护)。AngularJS的一个卓越特性是：它将通过坚持使用底层结构和设计的方式，最终强制你成为一位更优秀的Web开发者。本书的典型读者通常希望掌握AngularJS相关知识，用于构建高度可交互的Web应用。他们也将希望使用AngularJS的革新MVC方式实现设计和结构良好的Web页面及应用。总的来说，AngularJS提供了一种易于实现、完全集成的Web开发平台，通过它我们可以实现强大的Web2.0应用。AngularJS开发秘籍VIII通过本书可以学到的知识通过阅读本书，你将学会如何构建现实世界中的动态网站和Web应用。网站已经不再是由集成图片和格式化文本的HTML页面组成的简单静态内容。相反，网站变得更加动态，单个页面通常可以用作整个网站或者应用。使用AngularJS技术，我们可以直接在Web页面中构建逻辑(将客户端Web应用的数据模型绑定到后端服务和数据库)。通过AngularJS，我们还可以轻松地扩展HTML的功能，这样HTML模板文件中就可以轻松地表达出UI设计逻辑。下面是我们在阅读本书时将学到的一些知识：●如何使用内置指令快速地构建AngularJS模板，用于增强用户体验●如何将UI元素绑定到元素模型，使模型改变的同时UI随之改变，反之亦然●如何将鼠标和键盘事件直接绑定到数据模型和后端功能，用于提供强大的用户交互●如何定义自定义AngularJS指令，用于扩展HTML语言●如何实现可以与Web服务器交互的客户端服务●如何构建提供丰富用户交互的动态浏览器视图●如何创建可以轻松在其他AngularJS应用中重用的自定义服务●如何通过自定义AngularJS指令实现富UI组件，如可缩放的图像和可扩展列表AngularJSAngularJS是由Google开发的一个客户端框架。它是由JavaScript编写的，采用的是jQuery库的一个简化版本：jQueryLite。AngularJS背后的理念是：提供一个框架，它可以使用MVC框架帮助开发者实现设计良好、结构良好的Web页面和应用。AngularJS提供了用于处理浏览器中用户输入、操作客户端数据和控制浏览器视图中元素显示的所有功能。下面是AngularJS具有的一些优点。●数据绑定：AngularJS有一个非常清晰的方法，可以使用它强大的作用域机制将数据绑定到HTML元素。●可扩展性：通过AngularJS架构可以轻松地扩展语言的(几乎)所有方面，从而提供自己的自定义实现。●清晰：AngularJS强迫你编写清晰、有逻辑的代码。●可重用的代码：结合可扩展性和清晰的代码，使用AngularJS可以轻松编写出可重用的代码。实际上，当创建自定义服务时，该语言将强制你这样做。●支持：Google在该项目上投入很大，因此当其他类似的项目失败时，AngularJS成功地坚持了下来。●兼容性：AngularJS是基于JavaScript编写的，与jQuery有着紧密的关系。因此，在环境中集成AngularJS，并在AngularJS框架的结构中重用现有代码将变得更加容易。本书内容安排本书分为11章和一个附录。第1章提供一些JavaScript基础知识，有助于你熟悉JavaScript语言。该章还讲解使用Node.js服务器创建开发环境的过程，在接下来的某些示例中我们将使用该开发环境。即使你已经熟悉JavaScript，至少也应该查看开头的几节，帮助你了解如何创建开发环境。前言IX第Ⅰ部分第2章涵盖AngularJS框架的基础知识。我们将学习AngularJS的组织方式和如何设计AngularJS应用。第3章涵盖AngularJS应用的基本结构。我们将学习如何定义模块以及AngularJS中依赖注入的工作方式。第4章涵盖数据模型(在AngularJS中称为作用域)和其他AngularJS组件的关系。我们将学习作用域层次结构是如何工作的。第5章涵盖AngularJS模板的结构。我们将学习如何在模板中添加元素(反映模型中的数据)，以及如何使用筛选器自动地格式化元素，因为它们将被渲染到浏览器视图中。第6章涵盖内置的AngularJS指令。你将会学到如何通过多种方式实现指令，从将简单JavaScript数组转换成多个HTML元素，到将Web页面中的元素直接绑定到作用域模型中。你还将学会如何在控制器中处理鼠标和键盘事件。第7章涵盖自定义AngularJS指令的创建。你将学到如何构建可以增强现有HTML元素的指令，以及如何创建为用户提供更佳交互性的全新HTML元素。第8章涵盖你将会遇到的事件类型以及如何管理它们。你将会学习如何创建和处理自定义事件。该章也涵盖如何监视作用域模型中的值，并在它们发生改变时进行处理。第9章涵盖AngularJS提供的内置服务。通过这些服务，你可