FileTemplateDirective

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.

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>

Selector

[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]