Angular 8:是否可以在共享模块中只创建一个服务实例
Angular 8中，可以在共享模块中只创建一个服务实例。在Angular中，共享模块是一种模块，用于导入和导出可在应用的多个模块中共享的组件、指令和服务。为了确保在应用的多个模块中只创建一个服务实例，可以采取以下步骤：
- 在共享模块中创建一个服务：创建一个带有@Injectable()装饰器的服务类，用于提供可在应用中共享的功能。
- 将服务添加到共享模块的providers数组中：在共享模块的providers数组中，将创建的服务添加进去。这样做可以确保在共享模块被导入到其他模块时，只会创建一个服务实例。
- 导入共享模块到其他模块中：在需要使用该共享服务的模块中，导入共享模块。这样，该模块就可以共享该服务的实例。
需要注意的是，在Angular中，每个模块都有自己的依赖注入器，因此默认情况下，每个模块都会为服务创建一个新的实例。通过将服务添加到共享模块中并在其他模块中导入该共享模块，可以确保在整个应用中只创建一个服务实例。
推荐的腾讯云相关产品和产品介绍链接地址：
腾讯云函数计算（SCF）：腾讯云函数计算（Serverless Cloud Function，SCF）是腾讯云提供的事件驱动的无服务器计算服务，支持多种语言，无需管理服务器和运维。您可以使用SCF轻松构建和运行云端应用、Web服务、移动后端和物联网后台等。
产品介绍链接：https://cloud.tencent.com/product/scf
腾讯云云开发（CloudBase）：腾讯云云开发（CloudBase）是一站式后端云服务平台，提供全栈技术支持，包括服务器、数据库、存储、云函数、云托管等，支持多种开发语言和框架，助力开发者快速构建应用。
产品介绍链接：https://cloud.tencent.com/product/tcb
相关·内容
我有一个shared.module，它有几个服务和管道。我希望在全局范围内只有这些服务的一个实例。如果我在其他模块中导入shared.module，则会创建多个实例。我也尝试过在aap.module中导入shared.module，但不起作用。
浏览 13提问于2021-07-30得票数 0
关于Angular2 2-实践，建议将多个其他模块上使用的声明性放在一个共享模块中。此外，强烈建议不要在这种共享模块上设置任何提供程序。相反，如果共享模块包含服务和可声明性，则应该添加一个名为forRoot的静态方法，该方法返回一个ModuleWithProviders-对象，并且只由app-Module调用。我看到了这背后的原因:由于每个延迟加
浏览 0提问于2017-02-20得票数 2
回答已采纳
我的AppModule中导入了一个外部模块(AppModule)。外部模块中服务的构造函数没有被调用。下面是我的两个模块的代码和服务，import { BrowserModule } from '@angular/platform-browser';
import
浏览 2提问于2018-05-16得票数 0
回答已采纳
在Angular 6中，下面是创建单例服务的首选方式： providedIn:'root',export class UserService {在Angular文档中:当您在根级别提供服务时，Angular将
浏览 0提问于2018-06-14得票数 37
1回答
我使用的是Angular 8，我有一个共享的模块。有些模块只使用共享模块中的一个或两个组件。Angular总是导入整个共享模块，还是只导入使用过的组件，并通过树摇动删除其他组件？另外，如果一组不同的组件使用相同的组件/服务/模块，那么是让它们拥有自己的共享
浏览 13提问于2020-06-24得票数 0
回答已采纳
1回答
MainController.js controllers/ main.jsmodule1.MainController因此，当我在html ng-controller="MainController"指令中使用时，它知道从哪个模块为它服务另外，<em
浏览 3提问于2014-12-15得票数 1
我正在尝试解决一个问题，即更新后的列表不会显示在我的前端。显示的列表被放置在todo-list组件中。新的todo按钮位于header组件中。当我添加一个新组件时，我调用getToDos方法来更新列表。在控制台中，列表增加了1，但是当我从todo-list组件调用相同的方法时，大小没有改变。从这个屏幕截图中看到：如果是这样，我该怎么做才是正确的呢？
浏览 5提问于2019-02-10得票数 1
dashboard.module.ts |-index.ts (this file exports module and component)
import { Hero, HeroService } from '../hero/index
浏览 0提问于2016-08-25得票数 7
我被创建了一个共享模块，如下所示。我在某处读到过导入顺序很重要，但我现在找不到那个链接。在某些地方，它工作得很好，但在另一些地方，我得到了错误。我想知道这些模块的顺序，以避免任何错误。import { NgModule } from '@angular/core';import 'ham
浏览 5提问于2017-11-04得票数 5
NodeJS 8 (TypeScript)和Angular 12之间可以共享代码吗？
所有代码都驻留在同一台服务器上的不同目录/client和/server中。我们遇到的问题是，我们有大量的正则表达式和其他常量在Angular和Node之间重复，我们想知道是否有一种共享代码的方法来减少重复，可能是通过创建和导入模块。
浏览 15提问于2019-11-20得票数 0
2回答
服务代码：import { BehaviorSubject } from 'rxjs/BehaviorSubjectthis.messageSource.next(message);父母的代码：
import { Component, OnInit } from '@angularthis.data.currentMessage.sub
浏览 0提问于2018-02-06得票数 0
回答已采纳
1回答
我正在使用文章学习angular2 2的延迟加载和共享依赖关系。我理解懒惰模块有一个独立的依赖树，它不与急切模块共享相同的服务实例。当我从延迟模块的imports部分中删除SharedModule导入时，行为发生了变化，并且在急切模块和延迟模块之间得到了单例服务。根据文档，为了重用相同的共享服务，还有更多的工作
浏览 8提问于2017-04-01得票数 3
回答已采纳
建议设置一个包含Angular 2中所有app服务类的完整模块，还是在每个功能模块中创建一个服务类更好？在后一种情况下，如果这些服务被声明为该功能模块中的提供者，那么它们是否可以在整个应用程序中共享？
浏览 1提问于2017-03-21得票数 2
我有一个组件，我希望它将数据传递给另一个模块中的另一个组件。实际上，我的app.component是这些子模块的父模块。我希望每个子模块都向app.component发送一些数据。needsSidebar" id="sidebar">some content</div> <router-outlet></router-outlet>
浏览 0提问于2016-10-10得票数 8
回答已采纳
我正在学习angular的Udemy课程，老师说我们需要在@Component注释的providers部分指定我们想要导入的服务，以告诉Angular需要在这个组件中注入哪个服务。但是我的组件在没有指定的情况下工作得很好。import {AccountService{
浏览 0提问于2020-05-25得票数 1
提到这个问题，问题：
我想实现类似的壮举，但略有不同的情况。例如，我有两个模块myApp和yourApp。myApp有一项服务。我想在yourApp模块的控制器中观察myApp服务的变化。能办到吗？或者有不同的方法来反映和检测一个模块在另一个模块<
浏览 2提问于2015-07-13得票数 0
如果延迟加载模块从另一个延迟加载模块调用服务，会发生什么情况？对网站的表现有什么影响？
浏览 2提问于2020-10-07得票数 0
回答已采纳
我正在开发一个大规模(多模块，多仓库)的web应用程序。所有模块都是作为单独的Angular项目开发的。这些Angular项目共享一些常见的ui组件、服务和模型，我将它们发布到npm (公司维护的私有npm存储库- sinopia)，然后将它们安装在必要的模块中。我将Angular库用于ui组件和服务。为模型创建一个全新的angular库项目感觉
浏览 0提问于2019-03-18得票数 2
所以当你在angular中定义一个控制器时，你可以这样做。angular.module('AppName').controller('ControllerName', function ($scope, $location, dataService, commonMethods) {你将如何处理这一点，并使相同的控制器在两个不同的应用程序中使用？angular.module('AppName1
浏览 0提问于2017-07-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
