Необходимо передать значение отк родителю

Question

Попытка передать значение от потомка к родителю через ng-content

Родительский компонент

<block-1>
 <block-2 [value]="{{I want this value from child}}"></block-2>
</block-1>

Блок-1

<div *ngFor="let value form values">
   <ng-content {{I want to pass this value to parent {{value}}></ng-content>
</div>

Answer 1

Используйте EventEmitter с @Output декоратором для передачи данных от потомка к родителю.

ChildComponent:

export class ChildComponent {
  @Output() str = new EventEmitter<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 class ParentComponent {
  onPassed(str: string) {
    console.log(str);
  }
}

Запустить событие (pass()) при зацикливании <div *ngFor="let value form values">.