File

src/ng-xform/custom-field/custom-field.component.ts

Description

Component to generate a form custom field

:editing: Flag to control component state :form: FormGroup containing the field :field: Intance of field configurations

Extends

BaseDynamicFieldComponent

Metadata

selector ng-xform-custom-field
templateUrl ./custom-field.component.html

Index

Properties

Properties

hideLabelOnEdit
hideLabelOnEdit:
Default value : false
useFormattedValueOnReadonly
useFormattedValueOnReadonly:
Default value : false
import { Component } from '@angular/core';

import { BaseDynamicFieldComponent } from '../field-components/base-dynamic-field.component';
import { CustomField } from '../fields';


/**
 * Component to generate a form custom field
 *
 * :editing: Flag to control component state
 * :form: FormGroup containing the field
 * :field: Intance of field configurations
 */
@Component({
  selector: 'ng-xform-custom-field',
  templateUrl: './custom-field.component.html',
})
export class CustomFieldComponent extends BaseDynamicFieldComponent<CustomField> {
  hideLabelOnEdit = false;
  useFormattedValueOnReadonly = false;
}
<ng-xform-form-control-layout [fieldComponent]="instance">
  <ng-container *ngTemplateOutlet="field.tmpl;context:instance"></ng-container>
</ng-xform-form-control-layout>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""