![](https://img-blog.csdnimg.cn/03b1a104f3554523921efedc2be7b39d.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
angular
文章平均质量分 68
angular知识点归纳
某些开发
不爱学习的某些开发
展开
-
Angular-09:服务的作用域
各种学习后的知识点整理归纳,非原创!原创 2024-03-15 13:10:04 · 407 阅读 · 0 评论 -
angular-引用本地json文件
angular-引用json文件,本地模拟数据时使用。原创 2024-02-21 14:52:29 · 548 阅读 · 0 评论 -
Angular-07:组件生命周期
该表按照执行顺序编写。原创 2023-11-04 17:11:45 · 531 阅读 · 0 评论 -
Angular-06:组件通讯
【代码】Angular-06:组件通讯。原创 2023-11-04 15:18:28 · 146 阅读 · 0 评论 -
Angular-05:管道
管道:pipe。在angular中处理组件模板的数据格式。管道操作符 | ,连接模板表达式中左边输入数据和右边的管道。指定字符串不能超过规定长度,文字的长度超过规定的长度会被裁剪,并且显示…(省略号)规定长度由管道参数决定substr() 语法: string.substr(start,length)。指定的是字符串的开始位置和长度在页面上使用指令限制最多显示5个字,多余的截断并显示省略号。定义管道:clipString@Pipe({})if (!组件模板中的应用。原创 2023-10-28 17:52:07 · 725 阅读 · 0 评论 -
angular知识点--ngClass几种用法
ngClass的几种用法ngClass:动态绑定css类。原创 2023-06-03 14:38:51 · 2318 阅读 · 0 评论 -
Angular-03:组件模板
各种学习后的知识点整理归纳,非原创!原创 2023-10-27 14:06:33 · 546 阅读 · 0 评论 -
Angular-02:环境等说明
详细安装请点击这里:win10安装 nvm + angular原创 2023-10-24 19:29:45 · 673 阅读 · 0 评论 -
Angular-04:指令
场景:为元素设置默认的背景颜色,鼠标移入时的背景颜色以及移出时的背景颜色。举例:元素默认为深蓝色,鼠标移入时变成粉色,移出变成黄色用户可以设置自定义颜色,未设置颜色使用默认色深蓝色,自定义颜色使用了浅蓝色。appBgColor指令// 接收参数的类型bgColor?: string;})// 接收参数,没有传入值,默认为:#00aaff//要操作的Dom节点private el: ElementRef //获取要操作的Dom节点) {// 组件模板初始化完成后设置元素的背景颜色。原创 2023-10-27 16:09:11 · 607 阅读 · 0 评论 -
Angular-01:基本架构
各种学习后的知识点整理归纳,非原创!② NgModule(模块)原创 2023-10-24 18:56:37 · 840 阅读 · 0 评论 -
angular -- 文件资源、组件、模板语法
碎碎念:都是一些自己在学习过程中的一点体会,如果有什么不对的感谢大家指正一起学习!angular知识点1.文件资源1.文件资源package.json:项目配置文件,定义项目的名称、版本、项目所需的各种依赖app:组件、根模块assets:静态资源文件(图片等资源)...原创 2021-04-07 13:07:11 · 395 阅读 · 1 评论 -
angular知识点--数据绑定
数据绑定一、绑定语法二、dom属性和html属性1. dom属性和html属性区别2. dom属性和html属性的关系三、html属性绑定四、双向绑定-ngModel数据绑定:将组件控制器的属性和方法跟组件的模板连接起来一、绑定语法插值表达式 {{ }}(将表达式的值显示在模板上)<p>{{productTitle}}</p>属性绑定 [ ](将标签属性绑定到表达式上)<img [src]="imgUrl">等价于<img src="原创 2020-09-26 22:23:24 · 293 阅读 · 0 评论 -
angular知识点--依赖注入
1.什么是依赖注入模式及使用依赖注入的好处2.介绍angular的依赖注入实现:注入器和提供器3.注入器的层级关系原创 2020-09-26 16:40:29 · 166 阅读 · 0 评论 -
angular知识点--路由(二)路由守卫
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结学习内容:学习时间:学习产出:前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。原创 2020-09-20 22:49:27 · 558 阅读 · 0 评论 -
angular知识点--路由(一)
路由相关对象介绍:对象名称简介Routes配置路由,保存着哪个URL对应展示哪个组件RouterOutlet在html中标记路由内容呈现位置的占位符指令。Router负责在运行时执行路由的对象,可以通过调用其navigateRouterLink在html声明路由导航用的指令。ActivatedRoute当前激活的路由对象,保存着当前路由信息,如路由地址,路由参数等。/根路由...原创 2020-09-18 22:10:55 · 102 阅读 · 0 评论 -
angular案例--根据选择项显示当前项内容
根据选择列表项显示当前内容碎碎念:都是一些自己在学习过程中的一点体会,如果有什么不对的感谢大家指正一起学习! 根据选择不同的用户而显示不同的内容详情//html<section class="container"> <article class="left"> <div class="left-list" *ngFor="let contact of contacts" (click)="showDetails(contact)"原创 2020-09-12 23:26:40 · 482 阅读 · 0 评论 -
angular知识点--动态组件
相关api:ViewChild:一个属性装饰器,用来从模板视图中获取对应的元素,可以通过模板变量获取,获取时可以通过 read 属性设置查询的条件,就是说可以把此视图转为不同的实例ViewContainerRef :一个视图容器,可以在此上面创建、插入、删除组件等等ComponentFactoryResolve:一个服务,动态加载组件的核心,这个服务可以将一个组件实例呈现到另一个组件视图上实现动态加载组件,最重要的3个部分:viewchild,viewContainerRef , component原创 2020-09-11 13:46:45 · 397 阅读 · 0 评论 -
angular知识点--@ViewChild详解
实现效果:点击‘icon’,我们改变‘icon’背景颜色及大小元素上添加局部变量//html<p (click)="clickDemo()" #changeIcon>icon</p>//ts @ViewChild('changeIcon') changeIcon; constructor( private renderer: Renderer2 ) { } clickDemo() { //点击之后给元素加上class‘bg’原创 2020-09-10 23:45:34 · 9751 阅读 · 0 评论 -
angular知识点--模板局部变量、@viewChild
通过局部变量、@viewChild实现数据交互碎碎念:都是一些自己在学习过程中的一点体会,如果有什么不对的感谢大家指正一起学习!也希望不要说难听的话(毕竟是个心灵脆弱的女汉纸…)获取引用两种方式1.通过局部变量父组件获取子组件引用 (局限性:局部变量只能在模板中使用,不能在父组件的类中使用)2.通过@viewChild父组件获取子组件引用通过局部变量父组件获取子组件引用如下例:在父组件中的子组件(<test>)组件上定义一个局部变量“test”,用来获取子原创 2020-09-07 23:18:57 · 428 阅读 · 0 评论 -
angular知识点--@output()
子组件向父组件传递数据@output()碎碎念:这是一个非常笨的开发,这也是第一次写博客,目的是想在学习angular知识的过程中把一些知识点记下来。(如果能帮助到需要的人,也是一件好事)都是一些自己在学习过程中的一点体会,如果有什么不对的感谢大家指正一起学习!也希望不要说难听的话(毕竟是个心灵脆弱的女汉纸…)子组件向父组件传值的两种情景1.在子组件中触发点击事件,仅仅通知父组件这个事件2.在子组件中触发点击事件,通知父组件这个事件并传值在子组件中触发点击事件父组件接收并处理直白的说,在子组件中原创 2020-09-06 23:30:02 · 1172 阅读 · 1 评论 -
angular知识点--生命周期钩子(ngAfterContentInit、ngAfterContentChecked、ngOnDestroy)
碎碎念:知识点梳理归纳,如果有什么不对的感谢大家指正一起学习!ngAfterContentInit在组件使用<ng-content>将外部内容嵌入到组件视图后就会调用ngAfterContentInit,它在第一次ngDoCheck执行后调用,且只执行一次ngAftercontentChecked在组件使用了<ng-content>自定义内容的情况下,angular在这些外部内容嵌入到组件视图后,或者每次变换监测的时候都会调用ngAfterContentChecke.原创 2020-10-21 21:58:18 · 3017 阅读 · 0 评论 -
angular知识点--组件内容嵌入
碎碎念:知识点梳理归纳,如果有什么不对的感谢大家指正一起学习!组件内容嵌入:通常用来创建可复用的组件,例:对话框、导航栏。可以同时使用多个嵌入内容类型:标签选择器、类选择器、属性选择器逻辑:定义一个test组件,指定多个内容嵌入,让里面的内容可动态变化代码:test 组件// html<div> <h4>ng-content 示例</h4> <div style="background-color:gray;margin.原创 2020-10-18 22:37:01 · 213 阅读 · 0 评论 -
angular知识点--组件生命周期钩子(view)
碎碎念:知识点梳理归纳,如果有什么不对的感谢大家指正一起学习!AfterViewInit创建了组件的视图及子视图之后被调用一次,以后将不再调用。禁止在视图组装完毕后再去更新视图。angular会抛异常【在此钩子内赋值(使用setTimeout可解决)】AfterViewChecked每次做完组件视图和子视图的变更检测之后调用逻辑:父组件通过viewChild的两种方式来获取子组件的方法两个子组件视图组装好后父组件开始组装接着执行“视图变更检测”方法定时器每隔5秒调用子组件.原创 2020-10-18 21:34:51 · 167 阅读 · 0 评论 -
angular知识点--组件生命周期钩子(ngDoCheck & 变化监测)
碎碎念:知识点梳理归纳,如果有什么不对的感谢大家指正一起学习!ngDoCheck变化监测一、变化监测二、Angular的两种变化检测策略ngDoCheck变化监测在ngDoCheck钩子之前需要了解一下一、变化监测变更检测机制:将组件属性的改变反应到模板上异步事件会导致组件数据变化,NgZone会在适当的时机去检验对象的值是否被改动,然后驱动angular的变化监测机制执行每个组件都有一个变化监测类的实例,实例提供方法手动管理变化监测。可以给组件做标记,通知angular仅仅监测该组件.原创 2020-10-13 23:40:23 · 2819 阅读 · 0 评论 -
angular知识点--组件生命周期钩子(ngOnChanges)
碎碎念:知识点梳理归纳,如果有什么不对的感谢大家指正一起学习!ngOnChanges父组件在初始化或修改子组件输入参数时被调用。简单的说就是在组件输入值发生变化时触发的事件该方法接收一个SimpleChanges对象,包含当前值和变化前的值该方法在ngOnInit之前,或者数据绑定输入属性的值变化触发下面举例需要理解一下js中可变对象和不可变对象(链接在文末)第一步:在父组件定义好“问候语”变量和“user”对象并传给子组件test在父组件中双向绑定变量// html<.原创 2020-10-11 21:55:50 · 1694 阅读 · 1 评论 -
angular输入输出属性案例
碎碎念:知识点梳理归纳,如果有什么不对的感谢大家指正一起学习!组件的输入输出属性使用中间人模式传递数据组件生命周期以及angular的变化发现机制原创 2020-10-11 13:22:04 · 260 阅读 · 0 评论 -
angular知识点--组件生命周期钩子(前言)
碎碎念:知识点梳理归纳,如果有什么不对的感谢大家指正一起学习!原创 2020-10-11 18:03:26 · 180 阅读 · 0 评论 -
angular知识点--响应式编程
碎碎念:知识点梳理归纳,如果有什么不对的感谢大家指正一起学习!响应式编程:异步数据流编程是以观察者模式为核心的,以及Rxjs相关概念由两个对象组成:可观察对象和观察者可观察对象Observable(流):表示一组值或者事件的集合(被观察者)观察者Observer:一个回调函数集合,他知道怎样去监听被Observable发送的值订阅Subscription:表示一个可观察对象,主要用于取消注册操作符Operators:纯粹的函数,使开发者可以以函数编程的方式处理集合举例: .原创 2020-09-29 12:01:55 · 333 阅读 · 0 评论 -
angular知识点--管道
碎碎念:知识点梳理归纳,如果有什么不对的感谢大家指正一起学习!原创 2020-09-27 22:37:04 · 817 阅读 · 0 评论