FileTemplateDirective

Used to customize the rendering of the files in the list. (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 kendoUploadFileTemplate let-files let-state>
        <div>Name: {{ files[0].name }} Size: {{ files[0].size }} bytes</div>
        ...
    </ng-template>
</kendo-upload>

Selector

[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]