I've used ngFor for many years now, but have been interested in transitioning over to the newer @for as it seems to make the code a little cleaner (in my opinion). However recently I just discovered ...

How to achieve this : When I click on right arrow of the carousel, I want to trigger a method with the item index as parameter. Some thing like <button ... (...)="eventHandler(index)" .....

I want to bind an array of objects to inputs using *ngFor. Is it necessary to use the index property to get a stable behavior or the following code would work without causing trouble? <div *ngFor=&...

I cannot seem to figure this one out even in searching all the answers for this issue. I have tried using a table, ul and div and nothing seems to be able to show the values of the json object that I ...

I made a directive in angular which is act as a time input and in template of component I repeated it based on an array of string. The directive has an @Input that is the initial value which is set to ...

I have an Object with nested object. I am trying to display in html using ngFor directive of Angular. But I got the result as multiple time. Below my object productlists = [ { productname: '...

I have data like so: const List: Array<Item> = [ { id: 1, name: 'somename' } ... ] Then html looks like this: <ng-container *ngFor="let item of list; let i = index;"&...

With Angular I am using this date time picker in loop and I need to assign a unique reference. So far I hardcode it to req_d1 but it creates some problem. I would like to know how could I set a ...

I have an array of objects, I would like to combine a string and an array while showing in ngfor iteration. temp: [ { "value1": "as", "value2": "[a, b, c, ...

This search function is searching only from the shown page. If I'm on page1, it searches only on page1; Likewise, if I'm on page2, it searches only on page2. What changes do I need to do to fix this? ...

I need to pass data from array in parent component to child component and for every element in array create child component with passing data in it. That's my parent component: @Component({ selector:...

I am displaying data in a ngFor repeat. Here's my JSON: { "status": "success", "data": [ { "_id": "668aaab4d4f3277010802ad9&...

I get an array like this: obj_Array = [{"Information":{ID: 1, Name: "Frank"}},"Route":{Direction: "north", Time: 10:50:24},"Music":{volume: "loud&...

I have around 20 forms created as difference components and implemented with mat-stepper as below <mat-step> <form [formGroup]="form1"> <component1></...

I have an NG Bootstrap Accordion element that, when open, displays a list of contact cards. For some reason the list of contacts output by the ngFor is duplicated and renders twice. The data is not ...