CODE EXAMPLE FOR HTML

javascript popup form

<!-- 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>