Dornhoth

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { ModuleAModule } from './moduleA/moduleA.module';


@NgModule({
  declarations: [

Dornhoth

import { ModuleWithProviders, NgModule } from '@angular/core';
import { SingletonService } from './singleton.service';

import { ModuleAComponent } from './moduleA.component';

@NgModule({
  declarations: [
    ModuleAComponent
  ],
  exports: [ModuleAComponent],

Dornhoth

const moduleWithProviders = {
  ngModule: ModuleAModule,
  providers: [SingletonService]
};

@NgModule({
  declarations: [
    AppComponent
  ],

Dornhoth

import { Component, OnInit } from '@angular/core';
import { SingletonService } from './singleton.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {
  constructor(

Dornhoth

import { Injectable } from '@angular/core';

@Injectable()
export class SingletonService {
  static instances = 0;

  constructor() {
    SingletonService.instances += 1;
  }

Dornhoth

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

Dornhoth

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root',
})
export class TestService {
  getTest(): string {
    return 'test';
  }
}

Dornhoth

import { Component, OnInit } from '@angular/core';
import { TestService } from 'src/app/services/test.service';

@Component({
  selector: 'app-test',
  templateUrl: './test.component.html',
  styleUrls: ['./test.component.scss'],
})
export class TestComponent implements OnInit {
  text: string;

Dornhoth

import {
  Directive,
  Input,
  OnDestroy,
  OnInit,
  TemplateRef,
  AfterViewInit,
  Host,
  ViewContainerRef,
} from '@angular/core';

Dornhoth

import {
  Directive,
  Input,
  TemplateRef,
} from '@angular/core';


@Directive({
  selector: '[appInfoPopup]',
})