twitter bootstrap 3 - Modal event is not working angular 2 -


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