Angular 5.0 学习3:Angular 5.0 架构

zhiyu

架构概览

Angular 是一个用 HTML 和 JavaScript 或者一个可以编译成 JavaScript 的语言(例如 Dart 或者 TypeScript ),来构建客户端应用的框架。

该框架包括一系列库,有些是核心库,有些是可选库。

我们是这样写 Angular 应用的:用 Angular 扩展语法编写 HTML 模板, 用组件类管理这些模板,用服务添加应用逻辑, 用模块打包发布组件与服务。

然后,我们通过引导根模块来启动该应用。 Angular 在浏览器中接管、展现应用的内容,并根据我们提供的操作指令响应用户的交互。

图片描述

组件:是Angular应用的基本构建块,可以把一个组件理解为一段带有业务逻辑和数据的HTML。

服务:用来封装可重用的业务逻辑。

指令:运行你向HTML元素添加的自定义行为。

组件之间可以有父子关系。
组件可以去调用服务。
组件,服务,指令是用来完成功能的。模块是用来打包这些东西的。

模块:用来将应用中不同部分组织成一个Angular框架可以理解的单元。比如这几个组件,服务和指令可以完成登陆注册的功能,我就把他们归到一个模块中。当开发另一个项目的时候也需要登陆注册,我直接把这个模块引入到另一个项目中就可以了。

阅读 3.6k

Angular 5.0学习之路
Angular 5.0学习之路,整理一下最近学习ng5的笔记和经验。

There are two ways of constructing a software design: One way is to make it so simple that there ...

221 声望
127 粉丝
0 条评论

There are two ways of constructing a software design: One way is to make it so simple that there ...

221 声望
127 粉丝
文章目录
宣传栏