<div id="box"> <button id="closeButton" (click)="modalService.hideModal()"><span class="icon">close</span></button> <h2>{{this.mode}} Need</h2> <form #updateForm="ngForm" id="update-form" (ngSubmit)="submit(updateForm.value)"> <div> <span>Name:</span> <input type="text" name="name" [(ngModel)]="needCopy.name"> </div> <div> <span>Image:</span> <input type="text" name="image" [(ngModel)]="needCopy.image"> </div> <div> <input type="text" name="location" [(ngModel)]="needCopy.location"> </div> <div> <span>Max Goal:</span> <input type="number" name="maxGoal" [(ngModel)]="needCopy.maxGoal"> </div> <div> <span>Type:</span> <label> <input type="radio" name="type" value="MONETARY" [(ngModel)]="needCopy.type"> Monetary </label> <label> <input type="radio" name="type" value="PHYSICAL" [(ngModel)]="needCopy.type"> Physical </label> </div> <div> <span>Urgency:</span> <label> <input type="checkbox" name="urgent" [(ngModel)]="needCopy.urgent"> Urgent </label> </div> <div> <span>Description:</span> <textarea name="description" [(ngModel)]="needCopy.description"></textarea> </div> <input type="submit" value="Submit"> </form> </div>