如何在 mat 输入上附加和前置字符?

How to append and prepend a character on the mat input?

我的 html 文件为

<div class="space-between-items">
     <mat-form-field>
        <mat-label>NEC LEC</mat-label>
        <input #neclec matInput formControlName="necLec"  autocomplete="off" 
           [minLength]="NEC_LEC_MIN_LENGTH" [maxLength]="NEC_LEC_MAX_LENGTH"
           [value]="neclec.value.toString().toUpperCase()">
     </mat-form-field>
     <mat-checkbox color="primary" formControlName="chkNecLec"></mat-checkbox>
  </div>

当我在此字段中保存输入内容时,它会按现在的样子更新网格。我如何让它自动将大括号添加到我的输入中。

我希望它始终与大括号一起保存,而不必在输入中手动输入大括号,这样当我输入 'REC' 时,它会在网格中显示为 (REC)。

以下解决方案可能适合您。

function myfunc(value){
    if(!value.startsWith("(")){
    value = "(" + value;
  }
  if(!value.endsWith(")")){
    value = value + ")"
  }
  document.getElementById("abc").value = value;
}
<input id="abc" type="text" onKeyUp="myfunc(value)" value="()"/>