当前位置: 首页 > article >正文

Angular-01:基本架构

各种学习后的知识点整理归纳,非原创!

① 概述

  1. angular是一个使用HTML、CSS、TypeScript构建的客户端应用的框架,用来构建单页面应用程序。
  2. 是一个重量级的框架,内部集成了大量开箱即用的功能模块。
  3. 是为大型应用开发而设计,提供了干净且松耦合的代码组织方式,使应用程序更易于维护。

② NgModule(模块)

  1. 即Angular模块。
  2. Angular应用由一个个模块组成。
  3. NgModule是一组相关功能的集合,是组织代码结构的一种方式。【例:商品、订单。每个功能都可以是一个NgModule】
  4. 可以导入其他NgModule的功能,前提是该NgModule被导出了。
  5. NgModule是由NgModule装饰器函数装饰的类。

③ 组件

  1. 用来描述用户界面,由组件类、组件模板、组件样式三部分组成。
  2. 组件类:编写组件界面相关逻辑,关联组件模板和样式。
  3. 组件模板:编写组件html结构,通过数据绑定标记应用中数据和DOM关联。
  4. 组件样式:编写组件外观,可采用css,scss,less等。
  5. 组件类是由component装饰器函数装饰的类。

④ 服务

  1. 放置跨组件共享的数据或逻辑。
  2. 目的是解耦组件类中的代码,使组件类中代码干净整洁。
  3. 服务的实例对象由angular中内置的依赖注入系统创建和维护。
  4. 服务需要被注入组件中使用(通过constructor构造函数参数来获取服务的实例对象)
  5. 服务被设计为单例模式,所以服务在组件中可共享数据和逻辑
    【如果某个组件更改了服务内数据,其他使用该服务内的组件数据也会一起更改】

http://www.kler.cn/a/105020.html

相关文章:

  • linux中断下文之tasklet(中断二)
  • [C#基础训练]FoodRobot食品管理部分代码
  • UI 自动化测试框架:PO模式+数据驱动
  • Redis数据类型
  • vueDay03——可灵活变动的class样式
  • 不希望你的数据在云中?关闭iPhone或Mac上的iCloud
  • 对长度为n的顺序表L,编写一个时间复杂度为O(n),空间复杂度为O(1)的算法,该算法删除线性表中的所有值为x的数据元素
  • 启动内核ip转发和其他优化
  • 深入探究Selenium定位技巧及最佳实践
  • 完美解决configure: error: APR not found. Please read the documentation.
  • threejs(6)-操控物体实现家居编辑器
  • AD9371 官方例程HDL详解之JESD204B TX侧时钟生成 (一)
  • 【Qt样式(qss)-5】qss局部渲染混乱,错乱,不生效的一种原因
  • 【Linux】线程同步
  • ShardingSphere-JDBC分库分表快速入门实战
  • 【Spring Boot系列】- Spring Boot事务应用详解
  • Jupyter使用技巧-环境篇
  • ES 11 新特性
  • FPGA从入门到精通(二十)SignalTapII
  • useGeneratedKeys=“true“ keyProperty=“id“