第3章
Angular入门初步

本章将介绍使用Ionic框架开发前掌握的Angular(从2.0版本开始,去掉了JS这个后缀,统称Angular)基础知识。除了需要明白HTML 5/CSS 3/JavaScript这三个Web开发的基本知识,要学会Ionic开发还有一个前提就是懂Angular和TypeScript(从2.0版本开始,Angular主要使用TypeScript作为开发语言)。然而按笔者的估计,初学型的开发者要完整搞懂Angular的方方面面,怎么也得读一本几百页专讲Angular的书。为了不偏离本书主旨,同时又根据2/8原则,笔者在本章将介绍使用Ionic框架时无法回避的Angular整体结构和最重要的组成元素,而有些旁枝末节或是关系不大的知识点将被略过或在后续章节的示例代码中出现的时候给出解释。

提示

如有读者想要全面深入学习Angular知识以达到能够深度改写和扩展Ionic框架提供的指令组件的能力,笔者建议直接参考Angular官方中文网站完整的使用说明(https://www.angular.cn/docs)、API文档(https://www.angular.cn/api)或者国内外出版的优秀Angular书籍。

本章的主要知识点包括:

• AngularCLI安装与使用

• Angular整体结构

• 模块与依赖注入(Module & Dependency Injection)

• 组件与模板(Component & Template)

• 指令与服务(Directive & Service)

• 一个简单的Angular项目:实时自选股行情页