在Angular 14中,可以使用Angular模块创建应用程序范围的单例服务。下面是一个包含代码示例的解决方法:
app.service.ts
的新文件,其中包含一个应用程序范围的单例服务。import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class AppService {
constructor() { }
// 添加自己的服务逻辑和方法
}
app.module.ts
)中导入并将该服务添加到providers
数组中。import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { AppService } from './app.service';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule
],
providers: [AppService], // 将服务添加到providers数组中
bootstrap: [AppComponent]
})
export class AppModule { }
import { Component } from '@angular/core';
import { AppService } from './app.service';
@Component({
selector: 'app-root',
template: `
{{ title }}
`
})
export class AppComponent {
title: string;
constructor(private appService: AppService) {
this.title = this.appService.getTitle();
}
}
这是一个简单的解决方法,用于在Angular 14中创建一个具有应用程序范围的单例服务。您可以根据自己的需求在AppService
类中添加其他方法和逻辑。