Angular 5.0 学习3:Angular 5.0 架构

架构概览

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

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

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

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

图片描述

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

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

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

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值