Class DynamicViewport

packages/core/test/linker/integration_spec.ts:2272–2302

}

@Directive({
  selector: 'dynamic-vp',
  standalone: false,
})
class DynamicViewport {
  private injector: Injector;
  constructor(private vc: ViewContainerRef) {
    const myService = new MyService();
    myService.greeting = 'dynamic greet';

    this.injector = Injector.create({
      providers: [{provide: MyService, useValue: myService}],
      parent: vc.injector,
    });
  }

  create(): ComponentRef<ChildCompUsingService> {
    return this.vc.createComponent(ChildCompUsingService, {
      index: this.vc.length,
      injector: this.injector,
    });
  }

  insert(viewRef: ViewRef, index?: number): ViewRef {
    return this.vc.insert(viewRef, index);
  }

  move(viewRef: ViewRef, currentIndex: number): ViewRef {
    return this.vc.move(viewRef, currentIndex);
  }
}

@Directive({
  selector: '[my-dir]',