AngularJS 2 完全指南:ng-book 2 概览

需积分: 9 0 下载量 199 浏览量 更新于2024-07-20 收藏 21.63MB PDF 举报
"NG-Book 2: 完全掌握AngularJS 2的指南 pdf" 《NG-Book 2》是Felipe Coury、Ari Lerner、Nate Murray和Carlos Taborda共同编著的一本专注于AngularJS 2的权威书籍。这本书详细介绍了如何使用AngularJS 2开发Web应用程序,涵盖了从基础到高级的各种主题。 本书首先提到了预发布信息,这意味着它可能包含一些在正式版发布之前更新的内容,读者可以参与到社区中,报告bug,与开发者进行交流,并通过Twitter获取更新通知。 在"Writing your First Angular 2 Web Application"章节中,作者引导读者创建一个简单的Reddit克隆应用,作为学习Angular 2的起点。这个章节强调了以下关键知识点: 1. **TypeScript**:Angular 2是用TypeScript编写的,因此了解并使用TypeScript是必要的。TypeScript是一种强类型、面向对象的超集,提供了静态类型检查和ES6的许多特性。 2. **Example Project**:书中提供的示例项目可以帮助读者快速上手,通过实际操作来理解Angular 2的核心概念。 3. **Angular's Dependencies**:书中解释了Angular 2所需的依赖项,包括所有必要的库和工具,以及如何加载这些依赖。 4. **添加CSS**:在构建Web应用时,CSS用于样式化组件,书中说明了如何将CSS集成到Angular 2项目中。 5. **创建组件(Making a Component)**:组件是Angular 2的核心,书中指导读者如何定义和创建自定义组件。 6. **添加模板(Adding a template)**:模板定义了组件的视图,书中讲解了如何编写HTML模板,并与组件的逻辑交互。 7. **启动应用(Booting Our Application)**:介绍如何启动和加载Angular 2应用,包括使用`bootstrap`方法。 8. **运行应用(Running The App)**:讨论了如何编译TypeScript代码为JavaScript,并使用`npm`来管理依赖,以及如何服务应用以便于本地运行和调试。 9. **监听变化并实时编译(Compiling every change)**:通过配置,当源代码发生变化时,自动重新编译TypeScript并刷新浏览器。 10. **向组件添加数据(Adding Data to the Component)**:如何在组件中处理和展示数据,包括数组操作。 11. **扩展应用(Expanding our Application)**:逐步增加了更多的功能,如创建新的组件,如`ArticleComponent`。 12. **应用组件(The Application Component)**:这是应用的主组件,通常用于挂载整个应用的根。 13. **添加交互(Adding Interaction)**:讲解了如何实现用户与组件的交互,如事件监听和响应。 14. **创建Article类(Creating an Article class)**:定义了表示文章的数据模型,用于存储和操作文章数据。 15. **存储多篇文章(Storing multiple Articles)**:如何在组件中管理多个文章实例。 16. **配置ArticleComponent的输入(Configuring the ArticleComponent with inputs)**:利用Angular的输入绑定来传递数据给组件。 17. **渲染文章列表(Rendering a List of Articles)**:展示了如何使用Angular的迭代器指令(如`*ngFor`)来渲染列表数据。 18. **添加新文章(Adding New Articles)**:添加创建新文章的功能,包括表单验证和数据提交。 19. **完成触摸(Finishing Touches)**:这部分可能涉及到完善应用的细节,如错误处理、优化或用户体验改进。 通过这本书,读者可以全面掌握AngularJS 2的各个方面,从基础到进阶,从而具备开发复杂Web应用的能力。