Reactive ComponentRef.setInput #57849

const counterSignal = signal<number>(0) // signal from store or some service

const counterOverlayRef = createOverlay(); // using CDK Overlay
const counterComponentRef = counterOverlayRef.attach(new ComponentPortal(MyCounterComponent));
counterComponentRef.setInput('count', counterSignal());
effect(() => {
  counterComponentRef.setInput('count', counterSignal());
}, { injector: counterComponentRef.injector }); // using component ref injector to cleanup effect with component

const counterSignal = signal<number>(0) // signal from store or some service

const counterOverlayRef = createOverlay(); // using CDK Overlay
const counterComponentRef = counterOverlayRef.attach(new ComponentPortal(MyCounterComponent));
counterComponentRef.setInput('count', counterSignal);

counterComponentRef.setInput(counterSignal, { useSignal: true })
counterComponentRef.setInputBySignal(counterSignal)