FileInfoTemplateDirective

Used to customize the rendering of the file info section in the list. All other elements of the default template, such as file icon, action buttons, upload progress etc. will be preserved in place. (See example.)

The following context variables are available in the template:

• let-files—Provides a reference to the files which are associated with the current item.
• let-state—Gets a reference to the current state of each file. If the batch option of the Upload is set to true, the field reflects the state of the whole batch.
• #myUpload="kendoUpload" or #myFileSelect="kendoFileSelect"—Provides a reference to the instance of the Upload/FileSelect component. It is exported as kendoUpload/kendoFileSelect by using the exportAs metadata property.

html

<kendo-upload #myUpload="kendoUpload" ... >
    <ng-template kendoUploadFileInfoTemplate let-files let-state>
        <div>Name: {{ files[0].name }}</div>
        ...
    </ng-template>
</kendo-upload>

Selector

[kendoUploadFileInfoTemplate], [kendoFileSelectFileInfoTemplate]