@atlantis-of-code/aoc-client documentation
  1. Components
  2. AocUiFormComponent

File

projects/aoc-client/ui/form/aoc-ui-form/aoc-ui-form/aoc-ui-form.component.ts

Implements

AfterContentInit

Metadata

encapsulation ViewEncapsulation.None
selector aoc-ui-form
standalone true
imports ReactiveFormsModule NgTemplateOutlet NgIf
template 
<form class="aoc-ui-form-form" [formGroup]="formGroup" [autocomplete]="autocomplete">   <!-- TODO -->
   <div class="aoc-ui-form-header" *ngIf="headerTemplate">
     <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
   </div>

   <div class="aoc-ui-form-body" *ngIf="bodyTemplate">
     <ng-container *ngTemplateOutlet="bodyTemplate"></ng-container>
   </div>

   <div class="aoc-ui-form-footer" *ngIf="footerLeftTemplate || footerRightTemplate">
     <div class="aoc-ui-form-footer-left" *ngIf="footerLeftTemplate">
       <ng-container *ngTemplateOutlet="footerLeftTemplate"></ng-container>
     </div>
     <div class="aoc-ui-form-footer-right" *ngIf="footerRightTemplate">
       <ng-container *ngTemplateOutlet="footerRightTemplate"></ng-container>
     </div>
   </div>
 </form>

Index

Properties
Inputs

Constructor

constructor()

Inputs

autocomplete
Type : "on" | "off"
Default value : 'off'
formGroup
Type : UntypedFormGroup

Properties

aocUiFormTemplates
Type : QueryList<AocUiFormTemplateDirective>
Decorators :
@ContentChildren(AocUiFormTemplateDirective)

results matching ""

    No results matching ""