File

src/lib/dynamic-form-field/dynamic-form-control-hints/dynamic-form-control-hints.component.ts

Extends

DynamicFormControlWrapperBase

Metadata

Index

Accessors

Constructor

constructor(containerRef: ViewContainerRef, validationService: DynamicFormValidationService)
Parameters :
Name Type Optional
containerRef ViewContainerRef No
validationService DynamicFormValidationService No

Accessors

hints
gethints()
hasHints
gethasHints()
showHints
getshowHints()
import { Component, ViewContainerRef } from '@angular/core';
import { DynamicFormControlHints, DynamicFormControlWrapperBase, DynamicFormValidationService } from '@dynamic-forms/core';

@Component({
  selector: 'bs-dynamic-form-control-hints',
  templateUrl: './dynamic-form-control-hints.component.html',
})
export class BsDynamicFormControlHintsComponent extends DynamicFormControlWrapperBase {
  constructor(
    protected override containerRef: ViewContainerRef,
    protected override validationService: DynamicFormValidationService,
  ) {
    super(containerRef, validationService);
  }

  get hints(): DynamicFormControlHints {
    return this.field.template.hints;
  }

  get hasHints(): boolean {
    return this.hints
      ? (this.hints.hintStart || this.hints.hintEnd) && true
      : false;
  }

  get showHints(): boolean {
    return this.hasHints && !this.showErrors;
  }
}
<ng-template #container></ng-template>
<small *ngIf="showHints" class="dynamic-form-field-hints form-text text-muted">
  <span class="hint-start" *ngIf="hints.hintStart">{{ hints?.hintStart }}</span>
  <span class="hint-spacer"></span>
  <span class="hint-end" *ngIf="hints.hintEnd">{{ hints?.hintEnd }}</span>
</small>

results matching ""

    No results matching ""