Как создать всплывающее окно ползунка по нажатию кнопки div из петли в angular 7

Question

У меня есть несколько div-ов, поступающих из цикла, при щелчке по любому div-элементу, который должен создать всплывающее окно, чтобы увеличить div-элемент с кликом и ползунок, а также для всех остальных div-файлов. У меня есть здесь файлы html и машинописные тексты.Пожалуйста, помогите мне.

app.html

<div class="col-md-12">
 <div *ngFor="let policy of policies" class="col-md-3"><div (click)="test();" class="policy">{{policy.name}}</div></div>
 </div>

app.ts

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

@Component({
  selector: 'app-dashboard',
  templateUrl: './dashboard.component.html',
  styleUrls: [ './dashboard.component.css' ]
})
export class DashboardComponent  {
  test() { 
  alert('hi');
  }
  policies: [] = [
      {id: 0, name: "policy001"},
      {id: 2, name: "policy002"},
      {id: 3, name: "policy003"},
      {id: 4, name: "policy004"}

    ];


}

app.css

.policy{
    border:1px solid;
    height:200px;
    cursor:pointer;
}