Bilkiss

import { Injectable } from '@angular/core';
import { BehaviorSubject, Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})

export class StorageService {
  
  private storeDataSubjects: Map<string, BehaviorSubject<any>> = new Map();

Bilkiss

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

@Injectable({
  providedIn: 'root'
})

export class StorageService {

  constructor() { }

Bilkiss

<button (click)=”deleteItem()”>Delete item</button>

Bilkiss

// we are now also importing SweetAlertOptions in our decorator
import Swal, {SweetAlertOptions} from 'sweetalert2';

// Confirmable is now a factory function, with an optional parameter object
export function Confirmable(options?: SweetAlertOptions) {

  // our factory function will return our actual decorator function, but now we have
  // an actual options object to configure our alert box :)
  return (target: Object, propertyKey: string, descriptor: PropertyDescriptor) => {
    // the usual, caching the original implementation

Bilkiss

import { Component, OnInit } from '@angular/core';
import Swal from 'sweetalert2';

@Component({
  selector: 'example-component',
  template: ‘Swal component!'
})

export class ExampleComponent implements OnInit {
  constructor() {}

Bilkiss

import { Component } from '@angular/core';
import { MyService } from './my-service';

@Component({
  selector: 'example-component',
  template: 'More component example!'
})
export class ExampleComponent {
  constructor(myService: MyService) {
    console.log(myService); // MyService

Bilkiss

import { Component, HostListener } from '@angular/core';

@Component({
  selector: 'example-component',
  template: ‘Hey another component!'
})
export class ExampleComponent {
  @HostListener('click', ['$event'])
  onHostClick(event: Event) {
    // clicked, `event` available

Bilkiss

<example-component
  [exampleProperty]="exampleData">
</example-component>

Bilkiss

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

@NgModule({
  imports: [],
  declarations: [],
})
export class ExampleModule {
  constructor() {
    console.log('Hi, I am an example module!');
  }

Bilkiss

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

@Component({
  selector: 'example-component',
  template: '<div>Hello world! I'm an example component!</div>',
})

export class ExampleComponent {
  constructor() {
    console.log('Hey I am an example component!');