如何在 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="()"/>
我的 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="()"/>