如何在angular 9中使用provideIn：'platform‘
在Angular 9中，可以使用provideIn：'platform'来提供服务。provideIn是Angular的一个装饰器选项，用于指定服务的提供商。'platform'是provideIn的一个选项值，表示服务将在整个应用程序的平台级别上提供。
使用provideIn：'platform'的好处是，服务将在整个应用程序中共享，并且只会被实例化一次。这意味着无论在应用程序的任何地方注入该服务，都将获得同一个实例。
下面是在Angular 9中如何使用provideIn：'platform'的步骤：
- 创建一个服务类，可以使用Angular的CLI命令来生成一个新的服务：
- 创建一个服务类，可以使用Angular的CLI命令来生成一个新的服务：
- 在生成的服务类中，使用@Injectable()装饰器来标记该类为可注入的服务：
- 在生成的服务类中，使用@Injectable()装饰器来标记该类为可注入的服务：
- 在需要使用该服务的组件或其他地方，通过构造函数注入该服务：
- 在需要使用该服务的组件或其他地方，通过构造函数注入该服务：
通过以上步骤，你就可以在Angular 9中使用provideIn：'platform'来提供和使用服务了。该服务将在整个应用程序中共享，并且只会被实例化一次，确保了服务的单例性和全局可访问性。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（TBC）：https://cloud.tencent.com/product/tbc
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
我试图在我的provideIn应用程序中使用“angular7”属性将一个服务注册到一个特定的模块。test.module.tsimport { CommonModule } from '@angular/common: [TestComponent]export class TestModule { }import { Compo
浏览 0提问于2019-02-27得票数 2
我一直在阅读angular 9文档，它指出您可以使用provideIn：'platform‘在两个angular应用程序之间共享一个单独的服务，但我找不到一个好的例子，文档也不清楚如何做到这一点。
浏览 45提问于2020-04-09得票数 2
1回答
顺便说一句，我试过刚在角9中引入的provideIn: 'platform'，它工作得很好，两个应用程序都可以使用这个共享服务。
谢谢。
浏览 4提问于2020-04-27得票数 1
回答已采纳
1回答
自动注册服务的角度
、、、
在Vue.js中，我使用require.context的技术，如中所记录的那样
我想知道是否有一个与Ionic角相同的服务，所以我不必将我编写的每一个服务都添加到app.module.ts中
浏览 2提问于2020-10-12得票数 0
回答已采纳
我想升级我的角度项目从v2到v4.0.0 (我不想使用最新的)。": "^4.0.0","@angular/forms": "^4.0.0","@angular/platform-
浏览 5提问于2017-09-06得票数 2
回答已采纳
<head> <title>Angularthis source code is governed by an MIT-style license that
can be found in the LICENSE file at http://<em
浏览 6提问于2016-05-07得票数 2
回答已采纳
1回答
bundles '@angular/common':/compiler.umd.js',
'@angular/platform-browser': 'npm:@angu
浏览 5提问于2017-04-04得票数 1
回答已采纳
1回答
我有一个角应用程序，它使用本地共享组件(通过我们自己的npm服务器- Verdaccio)。 "@angular/compiler": "^12.0.5",
"@angular/core":
浏览 1提问于2021-09-03得票数 1
回答已采纳
我是angular2新手，我想知道systemjs.config.js文件中所有对象的使用情况。bundles '@angular/common':'npm:@angular/common/bundles
浏览 2提问于2017-02-28得票数 1
回答已采纳
我开始了一个更好地学习Angular的项目，最近开始将其重构为使用服务在组件之间共享数据。有5个相关组件，除了一个组件外，所有组件都共享相同的服务实例。另一个有它自己的实例，我不知道为什么。包含最新代码的分支在这里(注意，它是大型重构分支，而不是主分支)：https://github.com/epoblaguev/Gloomhaven-Calculator/tree/Large-Refactor 正在使用的服务是stats-module/ 不能正常工作的组件是：/
浏览 12提问于2019-03-10得票数 1
回答已采纳
我只需要更改行：至： }, "include": [ "app/**/*" ]
我有一个角度应用程序，它使用当我只<
浏览 3提问于2016-10-04得票数 1
回答已采纳
我正在使用一个angularmaterial项目，我做了一个从v8到v10的角度升级，当我尝试添加*ngFor时，它不起作用。我认为结构性指令不起作用。我得到以下错误信息。/animations": "~10.0.2", "@angular/common": "~10.0.2",
"@angular&
浏览 2提问于2020-07-25得票数 0
回答已采纳
10回答
", "@angular/forms": "6.0.5", "@angular/platform-browser": "6.0.5",
"@<em
浏览 0提问于2018-06-21得票数 16
在我使用Hammer.JS的角度应用程序中，我无法识别任何手势，如滑动、平移等。设置如下："@angular/core": "11.0.5","@angular/platform-browser-dynamic": "~1
浏览 9提问于2020-12-18得票数 5
回答已采纳
我正在使用cloud foundry platform部署angular2应用程序，使用基于nginx的ststicfile buildpack。我已经看过几篇关于这方面的文章，但我不知道如何在服务器上编辑nginx.conf文件，我也不想使用散列方法。
浏览 13提问于2017-02-26得票数 2
回答已采纳
我在TS文件中创建了一个数组，如：import { DomSanitizer } from '@angular/platform-browser'; selector: 'app-foo',
template: 'app-foo.html',;</td
浏览 0提问于2018-06-27得票数 0
回答已采纳
智力测验！我在柱塞中构建了一个Anguar2示例，它反映了我所面临的路由问题，这样我就可以将这个问题提交给StackOverflow，但是我无法在柱塞中运行这个该死的问题。索引页加载时没有错误，但我的app组件从未呈现在页面上。如果你能发现我的配置问题，我会给你吹嘘的权利，这样我就可以发布我真正的问题了。提前谢谢。所有的代码都在柱塞里。这是我从这个工作角度2示例()中获取的配置文件，试图设置这个应用程序，但我认为它对我的设置不太好。 //use typescript for compilation
transpiler: 'ty
浏览 2提问于2016-03-11得票数 1
回答已采纳
因此，我可能有不同的地区设置为this.adapter.setLocale()，这似乎并没有任何不同的数据交换(它仍然使用'uk')。当没有延迟加载的模块时，它工作得很好。import { NgModule } from '@angular/core'; MAT_DATE_LOCALE, MatDatepickerModule, MatInputModule,
浏览 1提问于2018-12-19得票数 0
我正在尝试创建一个使用TypeScript的TypeChecker应用程序接口来处理特定类型的工具。我需要唯一地标识特定的类型-比如@angular/platform-browser包中的Angular的。node);但是，这将返回包含node_modules目录绝对路径的名称，如"/home/user/project/
浏览 5提问于2021-05-26得票数 11
我正在尝试将Angular2添加到我当前的Angular 1.X项目中。我使用的是启用了TypeScript的yo angular项目。我安装了所有东西(使用npm install)：<script src="/node_modules/rxjs
浏览 4提问于2015-12-23得票数 7
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
即时通信 IM活动推荐
腾讯云开发者
