<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#editCat">
Launch demo modal
</button>
<div class="modal" id="editCat" >
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content" >
<div class="modal-header">
<!--head-->
</div>
<div class="modal-body" >
<form #editform="ngForm" id="editform" (ngSubmit)="onEditFormSubmit(editform)">
<div class="form-group">
<label for=""><h4 style="color: #124f67;">Catagory Name: </h4></label>
<input required type="text" id="edit" ngModel name="name" placeholder="Change Catagory Name" class="form-control">
<button class="btn " type="button" (click)="addSubCatagory()">Add_Sub_Catagory</button>
</div>
</form>
</div>
</div>
</div>
</div>
<html>
<body>
<p>Here we use the prompt() method for Popup Forms</p>
<button onclick="popupfunction()">Click</button>
<p id="popup"></p>
<script>
function popupfunction() {
let person = prompt("Please enter your name", "");
if (person != null) {
document.getElementById("popup").innerHTML =
"Hello " + person + "!";
}
}
</script>
</body>
</html>