sgc-ng-number v0.0.3

SgcNgNumber

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

Data model

TFieldFormNumberDataDefault is the default constructor for all number field component base on TFieldFormEditData.

export const TFieldFormNumberDataDefault: TFieldFormEditData = {
  ...TFieldFormTextDataDefault,
  showSpinner: true,
  typeFieldForm: TypeFieldFormEdit.NOMBRE,
};

Number UI Component

1. Component SgcNgNumberComponent inherit BaseFieldFormEditUI

2. Selector

<sgc-ng-number></sgc-ng-number>

4. Example

//--- Declare and Init TFieldFormNumberData variable
class AppComponent implements OnInit {
  mynumber1!: TFieldFormEditData;

ngOnInit() {
    this.mynumber1={...TFieldFormNumberDataDefault, name:'number1', label: 'Mon champ Nombre', disabled:false, showLabel:true, showSpinner:false, showSuffixIcon:true,suffixIcon:'euro_symbol'} as TFieldFormEditData;
  }
}

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

    <!-- HTML -->
    <sgc-ng-number [(data)]="mynumber1"></sgc-ng-number>