ng2-encrm-components/src/app/element-list/elements/modals-preview/modals-preview.component.ts

angular 2 components

import { Component, OnInit, ViewContainerRef, ViewChild } from '@angular/core';

import { ModalDirective } from "ng2-bootstrap";
@Component({
  selector: 'modals-preview',
  template: require('./modals-preview.component.html')
})
export class ModalsPreviewComponent implements OnInit {
  constructor() {
  }

  ngOnInit() {
  }

  /*---------------------------------------------------------
   * MODALS
   *--------------------------------------------------------*/
  @ViewChild('myModal') public myModal: ModalDirective;
  @ViewChild('childModal') public childModal: ModalDirective;

  public showModal(): void {
    this.myModal.show();
  }

  public hideModal(): void {
    this.myModal.hide();
  }

  public showSmallModal(): void {
    this.childModal.show();
  }

  public hideSmallModal(): void {
    this.childModal.hide();
  }
}