@angular/core#RendererFactory2 TypeScript Examples

constructor(
    @Inject(DOCUMENT)
    private readonly document: Document,
    private readonly rendererFactory: RendererFactory2,
    private readonly appRef: ApplicationRef,
    private readonly componentFactoryResolver: ComponentFactoryResolver,
    private readonly injector: Injector,
    private ngZone: NgZone
  ) {
    this.renderer = rendererFactory.createRenderer(null, null);
  }

@NgModule({
  declarations: [],
  imports: [CommonModule, ApplicationModule],
  providers: [
    { provide: ɵINJECTOR_SCOPE, useValue: 'root' },
    { provide: ErrorHandler, useFactory: errorHandler, deps: [] },
    MiniProgramRendererFactory,
    {
      provide: RendererFactory2,
      useExisting: MiniProgramRendererFactory,
    },
    PageService,
    ComponentFinderService,
  ],
  exports: [CommonModule, ApplicationModule],
})
export class MiniProgramModule {
  constructor(pageService: PageService) {
    pageService.register();
  }
}

@Injectable()
export class MiniProgramRendererFactory implements RendererFactory2 {
  defaultRenderer!: MiniProgramRenderer;
  constructor() {
    this.defaultRenderer = new MiniProgramRenderer();
  }

  createRenderer(element: AgentNode, type: RendererType2 | null): Renderer2 {
    return this.defaultRenderer;
  }
  begin() {}
  end() {
    endRender();
  }
}

constructor(
        @Inject(DOCUMENT) public readonly document: Document,
        rendererFactory: RendererFactory2
    ) {
        this._events = new Subject<DropdownEvents>();
        this.renderer = rendererFactory.createRenderer(null, null);
        this.unlisteners = [];
        this.unlisteners.push(this.renderer.listen(this.document, "keydown", this.dataApiKeydownHandler));
        this.unlisteners.push(this.renderer.listen(this.document, "click", this.clearMenus));
        this.unlisteners.push(this.renderer.listen(this.document, "keyup", this.clearMenus));
        this.unlisteners.push(this.renderer.listen(this.document, "click", this.toggle));
        this.unlisteners.push(this.renderer.listen(this.document, "click", this.formChildClick));
        this.unlisteners.push(this.renderer.listen(this.document, "wheel", () => {
            this.raiseClear();
            this.raiseActive(false);
        }));
    }

constructor(
    rendererFactory: RendererFactory2,
    private readonly resolver: ComponentFactoryResolver,
    private readonly injector: Injector,
    private readonly appRef: ApplicationRef,
    @Inject(DOCUMENT) private readonly document: HTMLDocument
  ) {
    this.renderer = rendererFactory.createRenderer(null, null);
    this.handleCloseDialog = this.handleCloseDialog.bind(this);
  }

constructor(
    @Optional() @Inject(DYNAMICHOOKS_GLOBALSETTINGS) private globalSettings: DynamicHooksGlobalSettings,
    private parserEntryResolver: ParserEntryResolver,
    private optionsResolver: OptionsResolver,
    private hooksReplacer: HooksReplacer,
    private componentCreator: ComponentCreator,
    private rendererFactory: RendererFactory2,
    private injector: Injector
  ) {
    this.renderer = rendererFactory.createRenderer(null, null);
  }

constructor(
    @Inject(DOCUMENT)
    private readonly document: Document,
    private readonly rendererFactory: RendererFactory2,
    private readonly appRef: ApplicationRef,
    private readonly componentFactoryResolver: ComponentFactoryResolver,
    private readonly injector: Injector,
  ) {
    this.renderer = rendererFactory.createRenderer(null, null);
  }

constructor(
    private qrScanner: QRScanner,
    private readonly rendererFactory2: RendererFactory2,
    @Inject(DOCUMENT)
    private document: Document,
    private readonly nzDrawerService: NzDrawerService,
  ) {
    this.renderer2 = rendererFactory2.createRenderer(null, null);
  }

constructor(rendererFactory: RendererFactory2, private platform: PlatformService) {
    this.renderer = rendererFactory.createRenderer(null, null);
  }

constructor(private cfr: ComponentFactoryResolver, private appRef: ApplicationRef, private rendererFactory: RendererFactory2, private componentUpdater: ComponentUpdater, private platform: PlatformService) {
    this.renderer = this.rendererFactory.createRenderer(null, null);
  }

constructor(
		@Inject(DOCUMENT) private document: Document,
		private windowRef: WindowRef,
		private ngZone: NgZone, media: MediaMatcher,
		renderFactory2: RendererFactory2
	) {
		this.query.xs = media.matchMedia('(max-width: 576px)');
		this.query.sm = media.matchMedia('(min-width: 576px)');
		this.query.md = media.matchMedia('(min-width: 768px)');
		this.query.lg = media.matchMedia('(min-width: 992px)');
		this.query.xl = media.matchMedia('(min-width: 1200px)');
		(() => {
			let index = 0;
			for (const size of this.BREAKPOINT_NAMES) {
				++index;
				this.queryIndex[index] = size;
			}
		})();

		AppComponent.isBrowser.pipe(
			filter(isBrowser => isBrowser === true),
			tap(() => {
				const win = this.windowRef.getNativeWindow();
				if (!win) return;

				win.onresize = (ev: UIEvent) => {
					this.ngZone.run(() => {
						this.height = document.body.offsetHeight;
						this.width = document.body.offsetWidth;
						this.appResize.emit('window');

						this.checkBreakpoint();
					});
				};
			})
		).subscribe();


		this.height = document.body.offsetHeight;
		this.width = document.body.offsetWidth;
		this.checkBreakpoint();

		// Update mouse position
		{
			const renderer = renderFactory2.createRenderer(null, null);
			renderer.listen('document', 'mousemove', (ev: MouseEvent) => {
				this.mouseX = ev.x;
				this.mouseY = ev.y;
			});
		}
	}

private createRenderer(rendererFactory: RendererFactory2) {
    this.renderer = rendererFactory.createRenderer(null, null);
  }

constructor(
    rendererFactory: RendererFactory2,
    private devModeService: DevModeService,
    private ngxViewService: NgxViewService,
    @Inject(NGX_TIPPY_MESSAGES) private messagesDict: NgxTippyMessagesDict
  ) {
    this.createRenderer(rendererFactory);
  }

constructor(
    @Inject(DOCUMENT) private readonly document: Document,
    private readonly rendererFactory2: RendererFactory2,
    @Inject(WINDOW) private readonly window: Window,
    private readonly promotionPromoterAddressApiService: PromotionPromoterAddressApiService
  ) {}

constructor(rendererFactory: RendererFactory2) {
        this.renderer = rendererFactory.createRenderer(null, null);
    }

constructor(private baseInjector: Injector, public dragDrop: DragDrop, rendererFactory: RendererFactory2) {
    this.bsModalService = this.baseInjector.get(NzModalService);
    this.renderer = rendererFactory.createRenderer(null, null);
  }

constructor(
    @Inject(DOCUMENT) private document: Document,
    rendererFactory: RendererFactory2
  ) {
    this.renderer = rendererFactory.createRenderer(null, null);
  }

constructor(
    @Inject(DOCUMENT) private document: Document,
    rendererFactory: RendererFactory2
  ) {
    this.renderer = rendererFactory.createRenderer(null, null);
  }

constructor(private rendererFactory: RendererFactory2) {
    this.renderer = this.rendererFactory.createRenderer(null, null);
  }

constructor(
    private readonly rendererFactory2: RendererFactory2,
    @Inject(DOCUMENT) private readonly document: Document,
  ) {
    this.renderer = this.rendererFactory2.createRenderer(null, null);
  }