How to upload within the modal of ng-boostrap? #1027

New Issue

2018-05-30T22:15:51Z

ferreirajose commented

2018-05-30 22:15:51 +00:00

(Migrated from github.com)

when the modal opens with the file list for attachments, clicking on the btn select attachment is not performed

Link to GitHub
https://github.com/ferreirajose/fileUpload

Link Demo
https://stackblitz.com/edit/angular-cquity

screen attachment


<ng-template #content let-c="close" let-d="dismiss">
  <div class="modal-header">
    <h4 class="modal-title"></h4>
    <button type="button" class="close" aria-label="Close" (click)="d('Cross click')">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <!-- div.modal-header -->
  <div class="modal-body">
    <app-vox-upload
        [url]="getUrl"
        [fileExt]="getExtesao()"
        [anexosRequeridos]="anexos()">
    </app-vox-upload>
  </div>
  <!-- div.modal-body -->
  <div class="modal-footer">
    <!-- <button type="button" class="btn btn-outline-dark" (click)="c('Close click')">Close</button> -->
  </div>
  <!-- div.modal-footer -->
</ng-template>

<div class="container">
  <button class="btn btn-outline-primary" (click)="open(content)">
    <i class="fa fa-2x fa-cloud-upload"></i>
    <span>Anexar Arquvios</span>
  </button>
</div>

when the modal opens with the file list for attachments, clicking on the btn select attachment is not performed Link to GitHub https://github.com/ferreirajose/fileUpload Link Demo https://stackblitz.com/edit/angular-cquity screen attachment ![fileupload](https://user-images.githubusercontent.com/4306261/40750230-f9f9a022-643c-11e8-92df-1516d31decd8.png) ```` <ng-template #content let-c="close" let-d="dismiss"> <div class="modal-header"> <h4 class="modal-title"></h4> <button type="button" class="close" aria-label="Close" (click)="d('Cross click')"> <span aria-hidden="true">×</span> </button> </div>  <div class="modal-body"> <app-vox-upload [url]="getUrl" [fileExt]="getExtesao()" [anexosRequeridos]="anexos()"> </app-vox-upload> </div>  <div class="modal-footer">  </div>  </ng-template> <div class="container"> <button class="btn btn-outline-primary" (click)="open(content)"> <i class="fa fa-2x fa-cloud-upload"></i> <span>Anexar Arquvios</span> </button> </div> ````

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: dc/ng2-file-upload#1027