stevermeister

export class TestComponent {

  constructor(private http: Http) { }

  ngOnInit() {
    Observable.timer(1000).subscribe(console.log);
    this.http.get('http://api.com').subscribe(console.log);
  }

stevermeister

export class TestComponent {

  constructor(private store: Store) { }

  private componetDestroyed: Subject = new Subject();
  todos: Subscription;
  posts: Subscription;

  ngOnInit() {
     this.todosSubscription = this.store.select('todos').takeUntil(this.componetDestroyed).subscribe(console.log); 

stevermeister

![]; // 'false' 
!![]; // 'true'
[][[]]; // 'undefined'

stevermeister

![][1]; // 'a' 
!![][0]; // 't'
[][[]][5]; // 'i'

stevermeister

@Component({
  selector: 'hello',
  template: 'Hello!'
})
export class HelloComponent {}

stevermeister

@NgModule({
  declarations: [ HelloComponent ],
  entryComponents: [HelloComponent],
  imports: [ BrowserModule ]
})
export class AppModule {
  ngDoBootstrap() { }
}

stevermeister

platformBrowserDynamic().bootstrapModule(AppModule).then((ngModuleRef: NgModuleRef<AppModule>) => {
  //...
});

stevermeister

platformBrowserDynamic().bootstrapModule(AppModule).then((ngModuleRef: NgModuleRef<AppModule>) => {
  let componentFactoryResolver = ngModuleRef.componentFactoryResolver;
});

stevermeister

platformBrowserDynamic().bootstrapModule(AppModule).then((ngModuleRef: NgModuleRef<AppModule>) => {
  let componentFactoryResolver = ngModuleRef.componentFactoryResolver;
  let componentFactory = ngModuleRef.componentFactoryResolver.resolveComponentFactory(HelloComponent);
});

stevermeister

platformBrowserDynamic().bootstrapModule(AppModule).then((ngModuleRef: NgModuleRef<AppModule>) => {
  let componentFactoryResolver = ngModuleRef.componentFactoryResolver;
  let componentFactory = ngModuleRef.componentFactoryResolver.resolveComponentFactory(HelloComponent);
  let componentRef = componentFactory.create(ngModuleRef.injector, [], document.querySelector('hello'));
});