thumbnail.component.ts

import { Component, Input, Output, EventEmitter } from '@angular/core';
import { BsModalRef } from 'ngx-bootstrap/modal';

@Component({
    selector: 'app-thumbnail',
    templateUrl: 'thumbnail.component.html',
    styleUrls: ['thumbnail.component.css'],
})
export class ThumbnailComponent {
    @Input() title: string;
    @Input() srcImage: string;
    @Input() bsModalRef: BsModalRef;
    @Output() closeEvent: EventEmitter<null> = new EventEmitter();
    
    closeModal(modal) {
        modal.hide();
        this.closeEvent.emit();
    }
}