SgcNgSelectFile

Custom SGC textarea UI Components based on Angular and Material.

File UI Component

1. Component SgcNgSelectFileComponent inherit BaseFieldFormEditUI

2. Selector

<sgc-ng-select-file></sgc-ng-select-file>

3. TFieldFormSelectFileDataDefault TFieldFormSelectFileDataDefault is the default constructor for all Select-File field component.

const TFieldFormSelectFileDataDefault: TFieldFormEditData = {
  ...TFieldFormTextDataDefault,
  selectMultiFiles: false
};

4. Example

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

ngOnInit() {
    this.myselectfile1={...TFieldFormSelectFileDataDefault, name:'selectFile1', label: 'Mon champ Select file', disabled:false, showLabel:true} as TFieldFormEditData;
  }
}

//------
@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    //... Import SGC-NG-SELECT-FILE-MODULE---
    SgcNgSelectFileModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

    <!-- HTML -->
    <sgc-ng-select-file [(data)]="myselectfile1"></sgc-ng-select-file>