@angular/core#Host TypeScript Examples

constructor(
    overlay: Overlay,
    viewContainerRef: ViewContainerRef,
    elRef: ElementRef<HTMLInputElement>,
    renderer: Renderer2,
    cdr: ChangeDetectorRef,
    ngZone: NgZone,
    @Optional()
    @Host()
    private readonly ngControl: NgControl,
  ) {
    super(overlay, viewContainerRef, elRef, renderer, cdr, ngZone);
    this.type = TooltipType.Plain;
    this.trigger = TooltipTrigger.Manual;
    this.position = 'bottom start';
    this.hideOnClick = true;
  }

constructor(
    @Host() @Optional() private ngForOf: NgForOf<T>,
    @Host() @Optional() private cdkForOf: CdkVirtualForOf<T>,
  ) {
    if (this.ngForOf) {
      this.ngForOf.ngForTrackBy = (_index: number, item: T) => item.id;
    } else if (this.cdkForOf) {
      this.cdkForOf.cdkVirtualForTrackBy = (_index: number, item: T) => item.id;
    }
  }

constructor(@Host() protected modal: NzModalComponent, public modalDragService: ModalDragService) {
    const wrapCls = this.modalDragService.getRandomCls();
    modal.afterOpen.subscribe(() => {
      const modelElement = modal.getElement()!;
      if (!modelElement || modelElement.className.indexOf(ModalDragService.DRAG_CLS_PREFIX) !== -1) {
        return;
      }

      modelElement.classList.add(wrapCls);
      const drag = this.modalDragService.createDragHandler(wrapCls, modal.nzModalType);
      modal.afterClose.subscribe(() => {
        if (drag && !drag.dropped) {
          drag.dispose();
        }
      });
    });
  }

constructor(
    private tourService: NgxbTourService,
    private tourStepTemplate: TourStepTemplateService,
    private element: ElementRef,
    @Host() private popoverDirective: TourAnchorNgxBootstrapPopoverDirective,
    private tourBackdrop: TourBackdropService
  ) {
    this.popoverDirective.triggers = '';
  }

constructor(
    private tourService: NgbTourService,
    private tourStepTemplate: TourStepTemplateService,
    private element: ElementRef,
    @Host() private popoverDirective: TourAnchorNgBootstrapPopoverDirective,
    private tourBackdrop: TourBackdropService
  ) {
    this.popoverDirective.autoClose = false;
    this.popoverDirective.triggers = '';
    this.popoverDirective.toggle = () => { };
  }

constructor(
    @Self() @Optional() public control: NgControl,
    @Optional()
    @Inject(forwardRef(() => LgCheckboxGroupComponent))
    private checkboxGroup: LgCheckboxGroupComponent,
    private domService: LgDomService,
    private errorState: LgErrorStateMatcher,
    @Optional()
    @Host()
    @SkipSelf()
    private controlContainer: FormGroupDirective,
    private hostElement: ElementRef,
  ) {
    this.selectorVariant = this.hostElement.nativeElement.tagName
      .split('-')[1]
      .toLowerCase();

    if (this.checkboxGroup) {
      return;
    }

    if (this.control != null) {
      this.control.valueAccessor = this;
    }
  }

constructor(
    @Self() @Optional() private control: NgControl,
    private errorState: LgErrorStateMatcher,
    @Optional()
    @Host()
    @SkipSelf()
    private controlContainer: FormGroupDirective,
    private domService: LgDomService,
    private hostElement: ElementRef,
    private renderer: Renderer2,
  ) {
    this.variant = this.hostElement.nativeElement.tagName
      .split('-')[1]
      .toLowerCase() as RadioVariant;

    if (this.control != null) {
      this.control.valueAccessor = this;
    }
  }

constructor(
    @Self() @Optional() public control: NgControl,
    @Inject(forwardRef(() => LgRadioGroupComponent))
    private radioGroup: LgRadioGroupComponent,
    private errorState: LgErrorStateMatcher,
    @Optional()
    @Host()
    @SkipSelf()
    private controlContainer: FormGroupDirective,
    private renderer: Renderer2,
    private hostElement: ElementRef,
    private domService: LgDomService,
  ) {}

constructor(
    @Self() @Optional() private control: NgControl,
    private errorState: LgErrorStateMatcher,
    @Optional()
    @Host()
    @SkipSelf()
    private controlContainer: FormGroupDirective,
    private domService: LgDomService,
    private renderer: Renderer2,
    private hostElement: ElementRef,
  ) {
    this.variant = this.hostElement.nativeElement.tagName
      .split('-')[1]
      .toLowerCase() as CheckboxGroupVariant;

    if (this.control != null) {
      this.control.valueAccessor = this;
    }
  }

constructor(
    @Host() @Self() @Optional() private readonly matPag: MatPaginator,
    private readonly ViewContainer: ViewContainerRef,
    private readonly renderer: Renderer2
  ) {
    this.currentPage = 1;
    this.pageGapTxt = ['•••', '---'];
    this.showTotalPages = 3;
    this.checkPage = [0, 0, 0];
    // Display custom range label text
    this.matPag._intl.getRangeLabel = (page: number, pageSize: number, length: number): string => {
      const startIndex = page * pageSize;
      const endIndex = startIndex < length ?
        Math.min(startIndex + pageSize, length) :
        startIndex + pageSize;
      return length > 0 ? 'Showing ' + (startIndex + 1) + ' – ' + endIndex + ' of ' + length + ' records' : 'Showing 0 – 0 of 0 records';
    };
    // Subscribe to rerender buttons when next page and last page button is used
    this.matPag.page.subscribe((paginator: PageEvent) => {
      this.currentPage = paginator.pageIndex;
      this.matPag.pageIndex = paginator.pageIndex;
      this.initPageRange();
    });
  }

constructor(
        public el: ElementRef,
        @Inject(PLATFORM_ID) private platformId: string,
        @Host() private carousel: SlickCarouselComponent
    ) {}

constructor(
    @Host() public parent: AppsComponent,
    private appsRepo: AppsRepoService
  ) { }

constructor(@Host() private tileGrid: TileGridDirective, private elRef: ElementRef) {}

constructor(
    private templateRef: TemplateRef<any>,
    @Inject(TEMPLATED_ITEMS_COMPONENT)
    @Host()
    private comp: TemplatedItemsComponent
  ) { }

constructor(
    private templateRef: TemplateRef<any>,
    @Inject(TEMPLATED_ITEMS_COMPONENT)
    @Host()
    private owner: TemplatedItemsComponent,
    private viewContainer: ViewContainerRef
  ) { }

constructor(
    private templateRef: TemplateRef<any>,
    @Inject(ACCORDION_ITEMS_COMPONENT) @Host() private comp: AccordionItemsComponent) {
  }

constructor(
    private mediaObserver: MediaObserver,
    @Host() @Self() @Optional() public sideNav: MatSidenav
  ) { 
  }

constructor(
    @Host() public parent: AppsComponent,
    private appsRepo: AppsRepoService) {
  }

constructor(@Host() private plasmicLoaderService: PlasmicLoaderService) {}

constructor(
        private templateRef: TemplateRef<any>,
        @Inject(TEMPLATED_ITEMS_COMPONENT)
        @Host()
        private comp: TemplatedItemsComponent
    ) {}

constructor(
        private templateRef: TemplateRef<any>,
        @Inject(TEMPLATED_ITEMS_COMPONENT)
        @Host()
        private owner: TemplatedItemsComponent,
        private viewContainer: ViewContainerRef
    ) {}

public constructor(@Host() @Optional() private readonly _ngFor: NgForOf<any>, @Host() @Optional() private readonly _cdkFor: CdkVirtualForOf<any>) {
    if(this._ngFor){
      this._ngFor.ngForTrackBy = (_: number, item: any) => this._propertyName ? item[this._propertyName] : item;
    }
    if(this._cdkFor){
      this._cdkFor.cdkVirtualForTrackBy = (_: number, item: any) => this._propertyName ? item[this._propertyName] : item;
    }
  }

constructor(
    private changeDetector: ChangeDetectorRef,
    @Host() private hostEl: ElementRef,
    private zone: NgZone
  ) {}

constructor(@Host() private facade: SearchFacade) {}

constructor(@Host() private facade: SearchFacade) {}

constructor(
    private readonly el: ElementRef<HTMLElement>,
    @Host() private readonly table: TableComponent<unknown>,
  ) {}

constructor(
    @Self() @Optional() public control: NgControl,
    private errorState: LgErrorStateMatcher,
    @Optional()
    @Host()
    @SkipSelf()
    public controlContainer: FormGroupDirective,
  ) {}

constructor(
    @Self() @Optional() public control: NgControl,
    private errorState: LgErrorStateMatcher,
    @Optional()
    @Host()
    @SkipSelf()
    private controlContainer: FormGroupDirective,
  ) {}

constructor(
    private domService: LgDomService,
    private errorState: LgErrorStateMatcher,
    @Self()
    @Optional()
    private ngControl: NgControl,
    @Optional()
    @Host()
    @SkipSelf()
    private parentFormGroupDirective: FormGroupDirective,
  ) {
    if (this.ngControl != null) {
      this.ngControl.valueAccessor = this;
    }

    this.date = new FormControl(null, [
      Validators.required,
      Validators.pattern(/^\d{1,2}$/),
      Validators.min(1),
      Validators.max(31),
    ]);

    this.month = new FormControl(null, [
      Validators.required,
      Validators.pattern(/^\d{1,2}$/),
      Validators.min(1),
      Validators.max(12),
    ]);

    this.year = new FormControl(null, [
      Validators.required,
      Validators.pattern(/^\d\d\d\d$/),
    ]);

    this.dateFormGroup = new FormGroup(
      {
        date: this.date,
        month: this.month,
        year: this.year,
      },
      {
        updateOn: 'blur',
      },
    );
  }