How to use ItemTemplate from File Upload

[Matias Galante]

Hello,
I’m using Angular 11 and I’m wondering how to use the ItemTemplate property from File Upload. On the docs it says: ‘Applies a custom template to the file items that represent the uploaded files.’ but the example for Angular is very small. I’m wanting to see if I can use this property to add a button to change the uri for each item to be uploaded.

Thanks

[admin]

Hi,

You can look at https://www.htmlelements.com/angular/demos/fileupload/item-template/. That demo shows how to use the ItemTemplate property. You can edit the demo in Stackblitz. The Template is defined in the index.html. Here is how the template is declared in the demo:

<template id="itemTemplate">
  <smart-progress-bar>{{filename}}</smart-progress-bar>
</template>

You can use the filename property as a parameter in the template. The HTML structure of the template can be edited based on your web application requirements.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts