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

FileTemplateDirective

Directive

Customizes the rendering of files in the list. (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:[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]

Syntax:

html

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