@input and @output

app.component.ts

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  showModal: boolean = false;

  selected: string = '';


  selectItem() {
    this.showModal = true;
  }

  selectedItem(selected) {
    this.showModal = false; // hide modal
    if(selected) {
      this.selected = selected;
    }
  }
}