Angular
lumanman_w
这个作者很懒,什么都没留下…
展开
-
Angular--服务
使用服务可以轻松的实现跨组件跨模块共享数据 @Injectable({ providedIn:'root' // 服务的作用域在“根”,任何一个模块一个组件都使用同一个服务实例对象 // providedIn:ModuleName // 模块级别注册服务,该模块下的所有组件使用同一个服务实例对象 }) @NgModule({ // 模块级别注册服务,该模块下的所有组件使用同一个服务实例对象 providers:[ServiceName], }) @Component({ //原创 2021-10-02 22:57:59 · 215 阅读 · 0 评论 -
依赖注入DI
面向对象的一种设计原则,用来减少代码之间的耦合度,增加了代码的可维护性。 在A类的外部实例化B类,在实例化A类的时候,将它的依赖项通过contructor构造函数参数的形式注入到类的内部。这样在修改B类的时候,不需要修改A类。 Angular框架帮助我们实例化依赖类。 DI的四个核心概念: 1)、Dependency:组件要依赖的实例对象(服务实例对象) 2)、Token:获取服务实例对象的标识 3)、Injector:注入器,负责创建维护服务类的实例对象并向组件中注入服务实例对象。 ...原创 2021-10-02 22:38:32 · 134 阅读 · 0 评论 -
Angular生命周期
一、初始化阶段 1、constructor Angular在实例化组件类时执行,可以用来接收Angular注入的服务实例对象; 可以获取到引入的实例,还获取不到接收的属性值 2、ngOnInit 在首次接收到输入属性值后执行,在此处可以执行请求操作 在此可以打印接收到的属性值 3、ngAfterContentInit 在内容投影渲染后调用 (@ContentChild("ContentName") content:ElementRef<类型>) 4、ngAfterViewIn原创 2021-10-02 22:37:26 · 522 阅读 · 0 评论 -
Angular的依赖注入
3、react为什么使用单向数据流 4、react的生命周期 5、componentWillReceiveProps 6、setState() 依赖注入(DI)是一种重要的应用设计模式。 依赖,当类需要执行其功能时,所需要的服务或对象。DI是一种编码模式,其中的类会从外部源中请求获取依赖,而不需要我们自己创建它们 Angular系统中通过类上添加@Injectable装饰器来告诉系统这个类(服务)是可注入的。 ...原创 2021-09-24 19:45:39 · 513 阅读 · 0 评论 -
为什么使用Angular
1、强大的前端开源框架 包含了组件化方案、模块化方案、测试方案、表单验证、路由、国际化方案和安全方案等,vue(渐进式)和react需要自己进行组装,例如【Angular = Vue + vue-router + axios + kama + 表单验证插件 + i18n...】 定制的自由也可能会带来不断重构架构的噩梦,另外,我们公司不能访问外网,不能随意的下载依赖,针对这一点,angular是一个很不错的选择 2、成熟的文档:Angular更强势更主观,它的文档对于如何完成某个功能给...原创 2021-09-24 17:43:31 · 122 阅读 · 0 评论