I am trying to integrate UniteGallery
(https://github.com/vvvmax/unitegallery/) with Angular2. Below is the code
notice the <img> tag has "*data-image*" tag which UniteGallery uses to
display images:
For some reason my angular2 binding {{image.url}} is not working and errors
out with "*cannot bind with* *data-image*".
<div id="image-gallery" style="display:none;">
<img *ngFor="let image of images?.data"
alt="Image 1 Title"
src="{{image.url}}"
data-image={{image.url}}
data-description="{{image.description}}">
</div>
<script>
jQuery("#image-gallery").unitegallery({
gallery_theme: "tilesgrid",
tile_enable_icons:false,
tile_width: 114,
tile_height: 100,
tile_enable_border:false,
grid_num_rows:10000,
grid_space_between_cols: 10,
});
</script>
Is there a responsive Image and Video gallery out there which works with
Angular2 ?
Any clue will help. thanks much.
--
You received this message because you are subscribed to the Google Groups
"Angular" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
