Angular 5.0 学习3:Angular 5.0 架构

前端之家收集整理的这篇文章主要介绍了Angular 5.0 学习3:Angular 5.0 架构前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

架构概览

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

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

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

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

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

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

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

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

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

原文链接:https://www.f2er.com/angularjs/145253.html

猜你在找的Angularjs相关文章