New to Kendo UI for Angular? Start a free 30-day trial

FileInfoTemplateDirective

Directive

Customizes the rendering of the file info section in the list. All other elements of the default template, such as file icon, action buttons, and upload progress, are preserved in place. (See example).

The following context variables are available in the template:

let-files—A reference to the files associated with the current item.
let-state—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"—A reference to the instance of the Upload/FileSelect component. It is exported as kendoUpload/kendoFileSelect by using the exportAs metadata property.

Definition

Package:@progress/kendo-angular-upload

Selector:[kendoUploadFileInfoTemplate], [kendoFileSelectFileInfoTemplate]

Syntax:

html

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