Call a function inside ngFor in angular2

Question

Hello I am using Angular2 and wanted to fetch the server and get some values for each ID I get inside ngFor.

Answer 1

You can make use of custom directive to call the method for each iteration:

import { Directive, Output, EventEmitter, Input, SimpleChange} from '@angular/core';

@Directive({
  selector: '[onCreate]'
})
export class OnCreate {

  @Output() onCreate: EventEmitter = new EventEmitter();
  constructor() {}
  ngOnInit() {      
     this.onCreate.emit('dummy'); 
  } 

}

and then you can use it in your *ngFor to call the method in your component:

in Your component you can call this method as:

yourMethod(item){
   console.log(item);
}