siddharthpal

const todoAngularElement = document.getElementsByTagName("todo-root-angular-element")[0];
if (todoAngularElement) {
  todoAngularElement.pushTodoItem(newTodo);
}

siddharthpal

@Input() public pushTodoItem = todo => {
  this.ngZone.run(() => {
    this.todos.push(todo);
  });
};

siddharthpal

@NgModule({
  imports: [BrowserModule, TodoModule],
  entryComponents: [TodoComponent]
})
export class TodoWrapperModule {
  constructor(private injector: Injector) {
    const todoElement = createCustomElement(TodoComponent, {
      injector: this.injector
    });
    customElements.define('todo-root-angular-element', todoElement);

siddharthpal

<div>
    <todo-root-angular-element class="todo-app" ng-on-add_todo_emitter="add($event)" ng-on-remove_todo_emitter="remove($event)"></todo-root-angular-element>
</div>

siddharthpal

@NgModule({
  imports: [BrowserModule, TodoModule],
  entryComponents: [TodoComponent]
})
export class TodoWrapperModule {
  constructor(private injector: Injector) {
    const todoElement = createCustomElement(TodoComponent, {
      injector: this.injector
    });
    customElements.define('todo-root-angular-element', todoElement);

siddharthpal

import { timer as observableTimer, Subscription, interval, of, concat, SchedulerLike, asyncScheduler, Observable } from 'rxjs';

import { takeWhile, tap, take, switchMap, repeat, retryWhen, scan, mapTo, expand, exhaustMap } from 'rxjs/operators';
import { Injectable, Inject } from '@angular/core';
import { HttpClient } from '@angular/common/http';

export interface IntervalBackoffConfig {
    initialInterval: number;
    maxInterval?: number;