The error message is because you used the in keyword instead of the of keyword in the *ngFor directive. The of keyword is used to iterate over arrays, while the in keyword is used to iterate over object properties.
In my case I was trying to iterate the images by using below which is incorrect:
<img*ngFor="let imageUrl in images" />So in your case, since images is an array, we should use of instead of in:
<img *ngFor="let imageUrl of images" >
In this Angular 13 tutorial, you will learn how to make the API search calls to a remote server in an optimized way. By using the RxJS operators and functions we can minimize the number of API calls made to the server and same time improve the usability of the application by implementing the debounceTime, … Angular 13 How to…
In this angular tutorial, we will discuss how to create dynamic draggable grid boxes using the angular-gridster2 library in Angular application. A gridster is a UI component, having draggable and resizable grid boxes. Such kind of components can have multiple use-cases like sorting of items, solving puzzels, priortizing sections etc.
In this Angular tutorial, you will learn how to create dynamic FormsGroup in the Angular application. You will also get to know how to enable/ disable a section/ form group in a reactive form and dynamically add or remove form groups and controls. Using Reactive forms in Angular, we can create Forms with multiple sections … Angular 13 Dynamic FormsGroups…
In this Angular material tutorial, you will learn how to implement Dialog modal with an extensively used scenario tutorial with easy to go tutorial. You will get to know how to position a Dialog or display a fullscreen modal popup. Explore various events and popup hooks including after opened or closed callbacks. Passing data dynamically … Angular 13 Material Dialog…
Angular Image Slider Carousel Example with Zoom feature will be discussed in the upcoming tutorial. An Image Carousel or Slider with Lightbox effect shows a full/ large screen popup with the original image. That we’re going to discuss in this comprehensive tutorial by using the ng-image-slider library in Angular.
Integration of multiple language support in Angular application tutorial; In this tutorial, you will learn how to add the Internationalization or i18n in Angular app by utilizing the ngx-translate plugin. Web application, having multilingual users, deploy internationalization aka i18n support in the application. Using which a web application switches to the native language by analysing … Switch Multiple Languages i18n…
Last Updated on February 25, 2023 by Jolly.exe
