ngLibrary-Documentation
  1. Components
  2. FormButtonSubmitComponent

File

src/app/shared/dynamic-form/ui/dynamic-form-inputs/form-button-submit/form-button-submit.component.ts

Implements

DynamicFormInputComponent

Example

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector form-button-submit
styleUrls ./form-button-submit.component.scss
templateUrl ./form-button-submit.component.html

Index

Properties

Properties

formGroup
Type : FormGroup
Defined in src/app/shared/dynamic-form/ui/dynamic-form-inputs/form-button-submit/form-button-submit.component.ts:18
formInput
Type : DynamicFormInput<any>
Defined in src/app/shared/dynamic-form/ui/dynamic-form-inputs/form-button-submit/form-button-submit.component.ts:17
 
import { Component, ChangeDetectionStrategy } from "@angular/core"
import { FormGroup } from '@angular/forms'

import { DynamicFormInputComponent } from '../../../models/dynamic-form-input-component.interface'
import { DynamicFormInput } from '../../../models/dynamic-form-input.model'

/**
 * @note    The implementation of this component is in-complete. 
 */
@Component({
  selector: 'form-button-submit',
  templateUrl: './form-button-submit.component.html',
  styleUrls: ['./form-button-submit.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class FormButtonSubmitComponent implements DynamicFormInputComponent {
  formInput: DynamicFormInput<any> // T = any -> not going to emit anything but the signal itself @todo does void work?
  formGroup: FormGroup
}
Copy
<div class="dynamic-field-container" 
  [formGroup]="formGroup">
  <mat-form-field class="dynamic-form-field">
    <button mat-raised-button color="primary" type="submit">
      {{formInput.label}}
    </button>>
  </mat-form-field>
</div>
Copy

./form-button-submit.component.scss

Copy
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""