随笔分类 -  Angular

摘要:例子: private _message: string; @Input() // specify Input decorator here set message(inputMessage: string) { this._message = inputMessage && inputMessag 阅读全文
posted @ 2024-01-17 16:53 unuliha 阅读(68) 评论(0) 推荐(0)
摘要:问题现象:控制台报错(NullInjectorError) 一句话总结:你想要用某个类A的功能,并将它在constructor实例化了,但是Angular在injector列表中没有找到这个A类,所以不知道怎么提供这个类。 解决方式: 在类A头上添加Injectable装饰符,并配置好provide 阅读全文
posted @ 2023-12-25 19:18 unuliha 阅读(209) 评论(0) 推荐(0)
摘要:翻译自:A New Way Of Ordering Guards In Angular 概览 在Angular发布了“函数化守卫和解析器(functional guards and resolvers)”的新特性后,我们能够很容易地实现按顺序执行路由守卫,而不是像之前那样一次执行所有的路由守卫。 在 阅读全文
posted @ 2023-12-15 11:15 unuliha 阅读(153) 评论(0) 推荐(0)
摘要:一句话总结:加载就是从后台请求模块js文件,急加载就是应用启动时立即请求回来,惰性加载就是路由匹配上再去请求,预加载就是应用启动后再去请求。 一、 急加载(Eager loading) app-routing.module.ts: import { NgModule } from '@angular 阅读全文
posted @ 2023-11-13 22:36 unuliha 阅读(282) 评论(0) 推荐(0)
摘要:参考:What is View Encapsulation in Angular | View Encapsulation 作用:控制样式作用域 类型: ViewEncapsulation.Emulated(默认值),本组件的样式只会应用到自身,不会应用到自己的子组件中,也不会流出到父组件。 Vie 阅读全文
posted @ 2023-10-09 20:52 unuliha 阅读(28) 评论(0) 推荐(0)
摘要:不是必须,就算不implements,它也能被成功识别为生命周期钩子函数。但是最佳实践建议加入implements,可以增加钩子函数的数据类型检查,以及阻止某些因为未加入implements导致的错误。 参考: Angular Lifecycle Interface OnChanges should 阅读全文
posted @ 2023-08-29 10:37 unuliha 阅读(56) 评论(0) 推荐(0)
摘要:当Service A被声明在Moudule里时,模块里所有组件、管道、指令拥有同一个Service A的实例,当第一个需要注入该Service A的组件、管道、指令实例化A后,后面再需要注入Service A时,用的是同一个实例。当Moudle被销毁(通常是该模块的页面被卸载)后,Service A 阅读全文
posted @ 2023-08-29 10:20 unuliha 阅读(173) 评论(0) 推荐(0)
摘要:参考资料: 简单Demo:Angular Formcontrolename Custom Component 关键实现说明:Control Value Accessor: Custom Form Components in Angular Angular 自定义表单控件(中文) 关于muti:tru 阅读全文
posted @ 2023-08-24 23:36 unuliha 阅读(79) 评论(0) 推荐(0)
摘要:上图[4]展示了angular生命周期钩子函数的执行顺序,在此之前,angular会先执行constructor函数。 一、基本说明 1. constructor 用途:初始化组件,设定属性,注入依赖。 说明1:构造函数中能读取到本组件内部定义的基本变量和函数的值,但是读不到@ContentChil 阅读全文
posted @ 2023-08-06 23:19 unuliha 阅读(220) 评论(0) 推荐(0)
摘要:摘录自:《Angular开发入门与实战》(兰泽军) 1.3.1 组件 组件是构成Angular的基础和核心,它是一个模板的控制类,Angular使用组件处理页面逻辑和视图显示问题。组件知道如何渲染自己和配置依赖注入(Dependency Injection),并通过一些由属性和方法组成的API与视图 阅读全文
posted @ 2023-07-04 20:16 unuliha 阅读(70) 评论(0) 推荐(0)
摘要:这个配置文件会生成一个代理服务器,用于连接前端请求,向后端api服务器发送请求。 module.exports=[ { "context": [],//string[]类型,每个元素代表一个路径后缀,多个前缀的路径,都用一个路径来代理,使用context属性,这个数组下所有路径都会用target路径 阅读全文
posted @ 2023-07-04 20:13 unuliha 阅读(717) 评论(0) 推荐(0)