Событие в текстовом поле Angular - PullRequest
Новая
       50

Событие в текстовом поле Angular

0 голосов
/ 24 октября 2019

это мой HTML-код 

                <optimus-mat-form-field type="input" class="optimus-mat-form-field-width-50">
                    <mat-form-field>
                        <input matInput maxlength="50" type="text" placeholder="Clé Camelcase" [formControl]="cle_camelcase" title="Clé Camelcase" [(ngModel)]="code" required>
                    </mat-form-field>
                </optimus-mat-form-field>
                <optimus-mat-form-field type="input" class="optimus-mat-form-field-width-50">
                    <mat-form-field>
                        <input matInput maxlength="50" type="text" placeholder="Section" [formControl]="cle_section"
                            title="Section" required>
                    </mat-form-field>
                </optimus-mat-form-field>

это мой компонент
класс экспорта ModificationCleComponent extends FormFieldsContainer {

toggleReadonly() {
    this.isReadonly = !this.isReadonly;
  }
envExploitDisabled = ["RI","RU","FOR"];

// Formulaire
cleFormGroup: FormGroup;

// Champs
cle_java: FormControl;
cle_camelcase: FormControl;
cle_type: FormControl;
cle_section: FormControl;
cle_desc: FormControl;
cle_active: FormControl;
code:String ;
// Environnements
valeursControls: { valeur: valeurReferentiel, formControl: FormControl }[] = [];

// Modèle
cleReferentiel: CleReferentiel;

// Constructeur
constructor(public dialogRef: MatDialogRef<ModificationCleComponent>, private fb: FormBuilder, changeDetectorRef: ChangeDetectorRef,
    private administrationService: AdministrationService, @Inject(MAT_DIALOG_DATA) cleReferentiel: CleReferentiel, public habilitationService: HabilitationService) {
    super(changeDetectorRef);

    this.cleReferentiel = cleReferentiel ? cleReferentiel : { cle_id: null, cle_java: null, cle_camelcase: null,
                          cle_section: null, cle_desc: null, cle_type: null, cle_active: true, cle_flag: false }; //cle active par defaut

    this.buildForm();

    // Binding
    this.setUpdateModel(this.cleReferentiel);
}

// Méthode cycle de vie
ngOnInit() {
}

в этом коде у меня есть связь между двумя текстовыми областями с NGMODEL,но я хочу внести некоторые изменения во входное значение, как показано на рисунке ниже

желание результата

...