How do I bind a collection of attachment objects to the kendo upload?

[Matt]

Right now I created a separate grid but I would like to have the list of attachments part of the file upload control if possible. How do I iterate through a collection and bind the filename, download link, remove etc..  inside the upload control ? 

 

the way I do it now is simply

<div>

        <ul>

            <li *ngFor=" let a of attachments">

                {{a.name}}

                <button type="button" (click)="download(a)">download</button>

                <button type="button" (click)="deleteAttachment(a)">delete</button>

            </li>

        </ul>

    </div>

 

[Slavena]

Hello Matt,

Thank you for the provided code snippet.

Customizing the list of attachments could be achieved by utilizing one of the component's templates - the File template or the File Info template. The templates provide a different level of customization. More information on this topic could be found on the following link from our documentation:

https://www.telerik.com/kendo-angular-ui/components/uploads/upload/templates/

In the demo below I have utilized the File template by nesting a <ng-template> with the kendoUploadFileTemplate directive applied to it. This approach provides a full control of the files' appearance:

https://stackblitz.com/edit/angular-hucxtf?file=app%2Fupload.component.ts

I hope this helps.

Regards,
Slavena
Progress Telerik