AngularJS 2 完全指南：ng-book2 r34 简介

"NG-Book 2 The Complete Book on AngularJS 2 r34" 这篇摘要来自《NG-Book 2》一书，该书详细介绍了AngularJS 2的相关知识，作者包括Felipe Coury、Ari Lerner、Nate Murray和Carlos Taborda，发布于2015年至2016年。这本书主要针对的是Angular 2框架的初学者，旨在帮助读者掌握如何开发基于Angular 2的Web应用程序。 书中首先提到了版本修订和预发布信息，意味着这可能是一个更新频繁的项目，读者可以期待后续的改进和修正。作者鼓励读者在遇到问题时报告bug，并参与到社区的讨论中去，以便获得帮助和反馈。此外，还建议关注作者的Twitter账号以获取最新的更新通知。 在技术内容部分，书的开头通过一个简单的Reddit克隆应用来引导读者入门。这个示例涵盖了以下几个关键知识点： 1. **TypeScript**：Angular 2的主要编程语言，它提供了类型安全、面向对象的特性，是JavaScript的一个超集，有助于编写更健壮的代码。 2. **Example Project**：书中通过创建一个实际的项目，让读者逐步学习Angular 2的组件、模板、依赖注入等概念。 3. **Angular's Dependencies**：解释了Angular 2所需的全部依赖如何加载，这通常包括核心库、路由模块、HTTP服务等。 4. **Adding CSS**：在应用中添加样式，以实现UI设计。 5. **Our First TypeScript**：介绍如何编写TypeScript代码，包括定义类、接口以及使用装饰器。 6. **Making a Component**：讲解如何创建Angular 2的组件，这是构建应用程序的基本单元。 7. **Adding a template**：添加HTML模板，将数据绑定到视图上，实现数据驱动的界面。 8. **Booting Our Application**：启动应用程序，包括主模块的配置和应用的运行。 9. **Loading our Application**：讨论如何加载和运行应用，可能涉及到模块加载器和打包工具。 10. **Compiling TypeScript Code to .js**：介绍如何将TypeScript编译为JavaScript，以便在浏览器中运行。 11. **Using npm**：利用npm（Node Package Manager）管理依赖和构建流程。 12. **Serving The App**：设置服务器以部署和测试应用。 13. **Compiling on every change**：配置自动化构建，实现代码修改后即时编译。 14. **Adding Data to the Component**：向组件中添加数据，如数组，用于展示和操作。 15. **Working with arrays**：处理数组数据，包括遍历、筛选和操作数组元素。 16. **Expanding our Application**：逐步扩展应用功能，比如增加新组件或服务。 17. **The Application Component**：定义应用程序的主组件，它是所有其他组件的容器。 18. **Adding Interaction**：添加交互性，如事件监听和响应用户操作。 19. **Adding the Article Component**：创建文章组件，用于显示和编辑文章。 20. **Rendering Multiple Rows**：渲染多个组件实例，展示列表数据。 21. **Creating an Article class**：定义文章的类，封装文章的数据和行为。 22. **Storing multiple Articles**：存储和管理多篇文章，可能涉及数据持久化或服务端通信。 23. **Configuring the Article Component with inputs**：通过输入属性配置组件，传递数据给组件实例。 24. **Rendering a List of Articles**：显示文章列表，使用*ngFor指令动态渲染。 25. **Adding New Articles**：添加新文章功能，可能包括表单验证和提交操作。 26. **Finishing Touches**：完善应用的细节，如错误处理、用户体验优化等。 《NG-Book 2》通过这个逐步深入的过程，帮助读者从零开始构建一个完整的Angular 2应用，涵盖了从基础概念到实际开发的各个方面，是一本非常全面的学习资料。