bootmodal

**************************html*****************

<div #myModal class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <img class="image-fluid" src="Assets/alert.png">
                <h5 class="modal-title" id="contentLabel">Issue with Login</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="modalWrapper">
                                <form>
                                    <div class="form-group">
                                        <input type="text" class="form-control" id="formGroupExampleInput" placeholder="UserName">
                                    </div>
                                    <div class="form-group">
                                        <input type="password" class="form-control" id="formGroupExampleInput2" placeholder="Password">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>



************************************************************TS***************

import { Component, ViewChild } from '@angular/core';
import { NgForm } from '@angular/forms';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent  {

  @ViewChild('f') signupForm: NgForm;
  @ViewChild('myModal') myModal;

  constructor() {}

  ngOnInit() {

  }

  onSubmit() {
    this.myModal.nativeElement.className = 'modal fade show';
}