New to Kendo UI for Angular? Start a free 30-day trial
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 thebatch
option of the Upload is set totrue
, 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 askendoUpload
/kendoFileSelect
by using theexportAs
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]