SgcNgTextarea

Custom SGC-NG-TEXTAREA UI Components based on Angular(19.1.0) and Material.

---

Textarea UI Component

1. Component SgcNgTextareaComponent inherit BaseFieldFormEditUI

2. Selector

<sgc-ng-textarea></sgc-ng-textarea>

3. TFieldFormTextareaDataDefault TFieldFormTextareaDataDefault is the default constructor for all Textarea field component.

const TFieldFormTextareaDataDefault: TFieldFormEditData = {
  ...TFieldFormTextDataDefault,
  rows:3,
  cols:50,
  typeFieldForm:TypeFieldFormEdit.TEXTE_MULTILIGNE
};

4. Example

//--- Declare and Init TSgcTextareaData variable
class AppComponent implements OnInit {
  mytextarea1!: TFieldFormEditData;

ngOnInit() {
    this.mytextarea1={...TFieldFormTextareaDataDefault, name:'textarea1', label: 'Mon champ Textarea', disabled:false, showLabel:true, rows:4} as TFieldFormEditData;
  }
}

//------
@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    //... Import sgc-ng-textarea-MODULE---
    SgcNgTextareaModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

    <!-- HTML -->
    <sgc-ng-textarea [(data)]="mytextarea1"></sgc-ng-textarea>