How to observe input element changes in ng-content

Question

How to call parent component\'s function when child component observed input changes?

The below is HTML structure.

# app.comopnent.html

         


        

Answer 1

You can use Angular CDK observers https://material.angular.io/cdk/observers/api

import this module in your module

import { ObserversModule } from '@angular/cdk/observers';

then use in ng-content's parent element