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.mzph.cn/news/117682.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

百度Comate SaaS版本正式发布,助力开发者加速研发过程

百度Comate是基于文心大模型的智能代码助手,让开发者的编码更快、更好、更简单,为开发者自动生成完整的、且更符合实际研发场景的代码行或整个代码块,帮助每一位开发者轻松完成研发任务。10月17日召开的百度世界大会上,百度CTO王海…

uni-app小程序,uview-ui组件样式无法穿透修改的解决办法

1.首先设置以下选项.该选项的作用是让微信小程序允许样式穿透. 在需要改动的文件内加上 options: { styleIsolation: shared } 2.然后再使用vue的样式穿透写法. ::v-deep .类样式{} 或者 /deep/ .类样式{}

非父子组件通信-发布订阅模式

发布订阅模式其实与vue无关,完全是ES6的代码,但是它可以通过这种模式实现非父子组件的通信 store.js文件 首先创建一个store.js文件,用于提供发布与订阅方法 export default {datalist: [], //存放带一个参数的函数集合//订阅subscribe(fu…

使用非空断言解决Typescript报错:对象可能为 “null“

现象如下: 解决办法:在报错的属性后面加惊叹号!, 也就是非空断言 问题解决:

挑战没有免费的午餐定理?南洋理工提出扩散模型增强方法FreeU

论文名称:FreeU: Free Lunch in Diffusion U-Net 文章链接:https://arxiv.org/abs/2309.11497 代码仓库:https://github.com/ChenyangSi/FreeU 项目主页:https://chenyangsi.top/FreeU 机器学习领域中一个著名的基本原理就是“没…

MySQL - mvcc

mvcc 是什么? MVCC(多版本并发控制)是一种数据库并发控制机制,旨在提高数据库的并发性,避免锁定操作,从而减少等待和提高性能。MVCC 主要解决数据库读写操作之间的线程安全问题。 MVCC 主要有两种读取数据…

【web前端】web前端设计入门到实战第二弹——面试题总结+答案

这里写目录标题 一、选择题二、填空题 一、选择题 1、表格的主要作用是( B )。 A.网页排版布局 B.显示数据 C.处理图像 D.优化网站 2、如果表格的边框不显示,应设置border的值为( B )。 A.1 B.0 C.2 D.3 3、定义单元格…

RetentionPolicy枚举类

包名package java.lang.annotation 作用 注释保留策略。此枚举类型的常量描述用于保留注释的各种策略。它们被使用与{ Retention}元注释类型一起指定注释要保留多长时间。 属性 SOURCE编译器将丢弃注释。CLASS注释将由编译器记录在类文件…

threejs(3)-详解材质与纹理

一、Matcap(MeshMatcapMaterial)材质原理与应用 Matcap是一张含有光照信息的贴图,通常是直接截取材质球截图来使用。因此Matcap可以很好的模拟静止光源下的光照效果。 最直接的方式就是直接使用在View空间下的模型法向量的xy分量去采样Matcap。 另外还有一种常见…

EPPlus库的安装和使用 C# 中 Excel的导入和导出

安装 工具栏->NuGet 包管理器->管理解决方案的NuGet程序包 安装到当前项目中 使用 将 DataGridView 数据导出为Excel 首先,需要将数据DataGridView对象转换为DataTable private void btnExport_Click(object sender, EventArgs e) {// 1.将当前页面的data…

基于Raft解决“幽灵复现”问题

3.1 关于Raft日志恢复 首先,我们聊一下Raft的日志恢复,在 Raft 中,每次选举出来的Leader一定包含已经Committed的数据(抽屉原理,选举出来的Leader是多数中数据最新的,一定包含已经在多数节点上Commit的数据),新的Leader将会覆盖其他节点上不一致的数据。虽然新选举出来…

json-server工具准备后端接口服务环境

1.安装全局工具json-server(全局工具仅需要安装一次) 官网:json-server - npm 点击Getting started可以查看使用方法 在终端中输入yarn global add json-server或npm i json-server -g 如果输入json-server -v报错 再输入npm install -g j…

Elasticsearch之mapping

文章目录 以显式的方式创建一个映射查看某个具体索引的mapping定义向已存在的映射中添加一个新的属性查看映射中指定字段的定义信息更新已存在映射的某个字段 1、 官方文档地址 2、 字段类型 1、定义:映射是定义文档及其包含的字段如何存储和索引的过程。 2、每个…

电影评分数据分析案例-Spark SQL

# cording:utf8from pyspark.sql import SparkSession from pyspark.sql.types import IntegerType, StringType, StructType import pyspark.sql.functions as Fif __name__ __main__:# 0.构建执行环境入口对象SparkSessionspark SparkSession.builder.\appName(movie_demo)…

typedef __packed struct 中的__packed意义

typedef __packed struct 是C语言中用于定义紧凑结构体的语法。__packed关键字用于告诉编译器不要为结构体成员添加填充字节,从而使得结构体的大小更加紧凑。typedef关键字用于为数据类型定义一个新的名称。 下面是一个使用__packed和typedef的示例代码&#xff1a…

【网络爬虫 | Python】数字货币ok链上bitcoin大额交易实时爬取,存入 mysql 数据库

文章目录 一、网站分析二、js 逆向获取 X-Apikey三、python 调用 js 获取 X-Apikey四、python 爬虫部分五、mysql 数据库、日志、配置文件、目录结构六、结尾 一、网站分析 oklink:https://www.oklink.com/ btc 大额交易:https://www.oklink.com/btc/tx-…

蜂鸟物流开放平台-配送系统

文章目录 引言API 接入指南1.1 Maven 引入 SDK1.2 pom.xml包依赖冲突解决引言 API 接入指南 https://gitee.com/ash_floating_around/anubis-openapi-sdk 上线前将 Config 中 IS_SANDBOX 值设为 false,并填写正式环境的 APP_ID 和 SECRET_KEY。 1.1 Maven 引入 SDK <d…

解决 edge 浏览器开发者工具出不来的问题

文章目录 猜测原因问题现象尝试过程最终解决办法C盘爆满解决经过&#xff08;拆东墙补西墙&#xff09; 猜测原因 windows 系统更新导致电脑管家C盘迁移导致&#xff08;我C盘爆满了&#xff0c;每天提醒看着膈应&#xff0c;想着清理一下&#xff09; 问题现象 按F12 和 右键…

Java零基础入门-算术运算符

本文旨在帮助零基础的读者快速了解Java中的算术运算符&#xff0c;包括基本的加减乘除运算符、取余运算符、自增自减运算符等常见的数学运算符。 在学习本文前&#xff0c;需要先掌握基本的Java语法&#xff0c;包括数据类型、变量、赋值语句等。 前言 在编写Java程序时&…

layui的一些问题

为什么table.render, ins1.config有时候获取的值是上一次的?例如ins1.conf.page.curr? 这是一段table.render代码 let ins1 table.render({...})一般情况下ins1.conf可以获得表格的当前页,页数等;但是有时候获得的页数是上一次的;主要是因为在table.reload后没有继续赋值的…