angular 概念

Angular 的基本构造块是 NgModule ,它为组件（Component）提供了编译的上下文环境。
Angular 应用就是由一组 NgModule 定义出来的。
应用至少有一个用于引导的根模块，通常还会有很多特性模块。

组件（Component）定义视图,每个应用至少有一个根组件。
组件使用服务（Service），服务提供那些与视图不直接相关功能。服务提供者可以作为依赖被注入到组件。

模块、组件和服务都是使用装饰器的类，这些装饰器会标出它们的类型并提供元数据。

Angular 提供了 Router 服务来帮助定义视图之间的导航路径。

模块 NgModule

NgModule 类似于 JavaScript 模块一样，可以从其他 NgModule 中导入功能，也可以导出自己的功能给其他 NgModule 使用。比如若想使用 Router 功能，则需要导入 Route 模块。

组件

根组件：它会把组件树和页面中的 DOM 连接起来。每个组件都会定义一个类，其中包含应用的数据和逻辑，并与一个HTML模板相关联，该模板定义了一个显示视图。

模板、指令和数据绑定

模板会把 HTML 与 Angular 标记（markup）组合起来，这些标记可以在 HTML 元素显示之前修改。模板中的指令会提供程序逻辑，而绑定标记会把应用中的数据和DOM连接在一起。

事件绑定：更新应用数据来响应输入
属性绑定：将计算出来的值插入到HTML

模板可以用管道（pipeline）转换要显示的值。

服务于依赖注入

与特定视图无关且希望跨组件共享的数据或者逻辑，可以创建服务类。服务类的定义通常紧跟在 @Injectable() 装饰器之后，该装饰器提供的元数据可以让服务被注入到客户组件中。

依赖注入可以保持组件类的精简和高效。

路由

Angular 的 Router 模块提供了一个服务，可以定义应用在各个不同状态和视图层次之间导航时要使用的路径。

路由会把url路径映射到视图而不是界面。当用户执行一个动作时，此时路由会拦截浏览器的行为，显示或隐藏一个视图。