eliraneliassy

import { enableProdMode, NgModuleRef } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
import { createCustomElement } from '@angular/elements';
import { MyElementComponent } from 'my-element';
if (environment.production) {
  enableProdMode();

eliraneliassy

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

eliraneliassy

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

@Injectable({
  providedIn: 'root'
})
export class StoreService {

  constructor() {
    console.log('New StoreService instance created');
  }

eliraneliassy

import { Subscription } from 'rxjs';

export function Unsubscriber() {
    return (cmpType) => {
        const originalFactory = cmpType.ngComponentDef.factory;
        cmpType.ngComponentDef.factory = (...args) => {
            const cmp = originalFactory(...args);

            cmpType.ngComponentDef.onDestroy = () => {
                if (cmp.ngOnDestroy) {

eliraneliassy

@Component({
  selector: 'app-timer-example',
  template: `
    <div>
      <app-timer *ngIf="alive"></app-timer>
    </div>
    <button (click)="destroy()" class="btn btn-danger">Destroy</button>
    <button (click)="revive()" class="btn btn-primary">Revive</button>
  `,
  styleUrls: ['./timer-example.component.scss']

eliraneliassy

@Component({
  selector: 'app-timer',
  template: `
    TimerComponent:
    {{counter}}
  `,
  styleUrls: ['./timer.component.scss']
})
export class TimerComponent implements OnInit, OnDestroy {

eliraneliassy

import { Component, OnInit, ɵrenderComponent, ɵɵdirectiveInject, INJECTOR, Injector } from '@angular/core';

@Component({
  selector: 'app-feature',
  template: `
  <button class="btn btn-primary" (click)="loadCounter()">Load Counter</button>
  <my-host></my-host>
  `,
  styleUrls: ['./feature.component.scss']

eliraneliassy

{
    path: 'dynamic-import',
    loadChildren: () => import('./feature/feature.module').then((m) => m.FeatureModule)
}

eliraneliassy

@Component({
  selector: 'app-child',
  template: `
    <div class="list-group">
      <div class="list-group-item" *ngFor="let item of numbers">
          {{item}}
      </div>
    </div>
  `,
  styleUrls: ['./child.component.scss'],

eliraneliassy

@Component({
  selector: 'app-child',
  template: `
    <div class="list-group">
      <div class="list-group-item" *ngFor="let item of numbers">
          {{item}}
      </div>
    </div>
  `,
  styleUrls: ['./child.component.scss'],