angular判断input输入框不能编辑_【Angular】服务和持久化实现

本文介绍了在 Angular 中如何创建和使用服务进行数据访问和逻辑处理,强调组件和服务的职责分离,以及依赖注入的概念。文章详细讲解了服务的注册方式,包括在组件、模块级别的提供者注册,并通过示例演示了服务的持久化实现过程。
摘要由CSDN通过智能技术生成

ed81f3c4a8b5a6fd5830f85cea0037c3.gif

概述

官方认为组件不应该直接获取或保存数据, 它们应该聚焦于展示数据,而把数据访问的职责委托给某个服务。而服务就充当着数据访问,逻辑处理的功能。把组件和服务区分开,以提高模块性和复用性。通过把组件中和视图有关的功能与其他类型的处理分离开,可以让组件类更加精简、高效,这是官方的一些定义。非常认同,以我粗鄙的个人开发经验来看,现实开发中并不能完全的把组件和服务区分开来。并没有做到为组件提供专门的服务,或者说把逻辑处理都放在服务,组件只展示数据。一个模块通常有许多组件,我们的每个业务模块中只存在一个服务,将模块中的数据访问,数据处理判断,通用的方法放在服务中而已。组件中还是会有一些数据的判断,页面的展示逻辑等。当然我们也有服务提供给各个组件使用,一些通用的服务 比如 httpService logService uiServic 等等。可能我说的是针对于业务上等服务无法完全剥离吧。

依赖注入

在 Angular 中,要把一个类定义为服务,就要用 @Injectable() 装饰器来提供元数据,以便让 Angular 可以把它作为依赖注入到组件中。同样,也要使用 @Injectable() 装饰器来表明一个组件或其它类(比如另一个服务、管道或 NgModule)拥有一个依赖。

  • 注入器是主要的机制。Angular 会在启动过程中为你创建全应用级注入器以及所需的其它注入器。你不用自己创建注入器。 

  • 该注入器会创建依赖、维护一个容器来管理这些依赖,并尽可能复用它们。 

  • 提供商是一个对象,用来告诉注入器应该如何获取或创建依赖。

注:应用中所需的任何依赖,都必须使用该应用的注入器来注册一个提供者,以便注入器可以使用这个提供者来创建新实例。对于服务,该提供者通常就是服务类本身。其中,依赖不一定是服务 —— 它还可能是函数或值。

提供服务

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值