i trying clear form values when modal hidden using event not working referencing required files not trigger. below attach code of client side. using in angular 2 application component.
html
<script src="../../../scripts/bootstrap.min.js"></script> <script src="../../../scripts/jquery-2.2.0.min.js"></script> <script> $('#mymodal').on('hidden.bs.modal', function () { $(this).find('form')[0].reset(); }); </script> <button type="button" class="btn-u pull-right margin-bottom-10" data-toggle="modal" data-target="#mymodal"><span class="fa fa-plus" aria-hidden="true"></span> invite user</button> <!-- modal --> <div class="modal fade" id="mymodal" role="dialog"> <div class="modal-dialog"> <!-- modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">invite user</h4> </div> <div class="modal-body"> <form class="form-horizontal" id='myform' role="form" [ngformmodel]="inviteuserform"> <div class="input-group margin-bottom-20"> <span class="input-group-addon"><i class="fa fa-user"></i></span> <input type="text" [(ngmodel)]='inviteuser.username' class="form-control" ngcontrol="username" required> </div> <div class="input-group margin-bottom-20"> <span class="input-group-addon"><i class="fa fa-envelope"></i></span> <input type="email" required [(ngmodel)]='inviteuser.email' class="form-control" ngcontrol="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$"> </div> <div class="input-group margin-bottom-20"> <span class="input-group-addon"><i class="fa fa-glass"></i></span> <select [(ngmodel)]='inviteuser.partnerid' class="form-control" ngcontrol="partner" required> <option>select one</option> <option *ngfor="let partner of _partners" value={{partner.id}}> {{partner.name}} </option> </select> </div> </form> <button type="button" class="btn-u btn-u-default margin-right-5" data-dismiss="modal">close</button> <button type="button" [disabled]="!inviteuserform.valid" class="btn-u pull-right" (click)="invite(inviteuser)" data-dismiss="modal">invite</button> </div> </div> </div> </div>
you can use angular2 bootstrap modal https://github.com/dougludlow/ng2-bs3-modal. can import plugin project.
Comments
Post a Comment