property-binding.ts

// Example showing property binding for ngComponentOutle

@Component({
  template: `<ng-container
    *ngComponentOutlet="component; inputs: context"
   ></ng-container>`,
   standalone: true,
   imports: [NgComponentOutlet],
})
export class AppComponent {
  daylightService = inject(DaylightService);
  component = this.daylightService.isDay()
    ? WelcomeAtDayComponent
    : WelcomeAtNightComponent;
  context: Record<string, unknown> = {};

  constructor() {
    const { sunrise, sunset } = this.daylightService.getSunTimes();
  
    this.context = {
      username: inject(UserService).username,
      sunrise, sunset,
    };
  }
}