Need To Pass Value From To Parent

Trying to pass a value from child to parent via ng-content Parent Component

Solution 1:

Use EventEmitter with @Output decorator to pass data from child to parent.

ChildComponent:

exportclassChildComponent {
  @Output() str = newEventEmitter<string>();

  pass(str: string) {
    this.str.emit('Pass this string to parent');
  }
}

ParentComponent:

@Component({
  selector: 'app-parent',
  template: `
    <h2>Pass data?</h2>
    <app-child
      (str)="onPassed($event)">
    </app-child>
  `
})
export classParentComponent {
  onPassed(str: string) {
    console.log(str);
  }
}

Fire the event (pass()) when you are looping <div *ngFor="let value form values">.

Share

You may like these posts

• 
  Finding Maximum Value In An Array Of Objects Where Numer Is A Part Of String, Most Optimal Solution And Write Tests
• 
  Evaluate In Phantomjs Doesn't Seem To Work
• 
  Mouseover Event Triggered By Child Elements - How To Stop This?
• 
  How To Find Nearest Common Ancestor Class Of Two Objects?