You can simply use ngIf with a boolean that you can toggle.

JS

isModalShowing: boolean;

toggleModal() {
  this.isModalShowing = !this.isModalShowing;
}

HTML

<div id="myModal" class="modal fade" *ngIf="isModalShowing">
      <div class=" modal-lg center">
      <div class="modal-header">
        <button type="button" class="close" (click)="toggleModal()">&times;</button>
        <div class="modal-content">
          <div class="modal-body">
          <img id="1"src="assets/barrel.jpg" class="img-responsive">
          <img id="2"src="assets/car.jpg" class="img-responsive">
          </div>
          </div>
        </div>
      </div>
    </div>

I have been looking on how to simply close the modal that is popped up after clicking an image. I am using bootstrap with angular.

                    <img id="1" data-toggle="modal" data-target="#myModal" data-dismiss="modal" src='assets/barrel.jpg' alt='Text dollar code part one.' />
                <div id="myModal" class="modal fade" >
                        <div class=" modal-lg center">
                            <div class="modal-header">
                                <button type="button" #closebutton class="close" data-dismiss="modal">&times;</button>
                                    <div class="modal-content">
                                            <div class="modal-body">
                                                    <img id="1"src="assets/barrel.jpg" class="img-responsive">
                                                    <img id="2"src="assets/car.jpg" class="img-responsive">
                                            </div>
                                    </div>
                            </div>
                        </div>
                </div>

this above is my html snippit

import { Component, OnInit, ViewChild } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { NgModule } from '@angular/core';

@Component({
  selector: 'app-portfolio',
  templateUrl: './portfolio.component.html',
  styleUrls: ['./portfolio.component.scss']
})
export class PortfolioComponent implements OnInit {
  @ViewChild('closebutton') closebutton;

  constructor(private fb: FormBuilder) { }

  public ngOnInit() {

  }

  public onSave() {
    this.closebutton.nativeElement.click();
  }

}

this is my component typescript