在Angular中禁用输入框中文件名的扩展名部分,可以通过以下步骤实现:
[(ngModel)]
指令将输入框的值绑定到组件的fileName
属性上。<input type="text" [(ngModel)]="fileName">
replace()
方法和正则表达式来实现。fileName = "example.txt";
// 移除扩展名部分
fileName = fileName.replace(/\.[^/.]+$/, "");
console.log(fileName); // 输出 "example"
input
事件,并在事件处理程序中执行相同的逻辑。<input type="text" [(ngModel)]="fileName" (input)="removeExtension()">
fileName = "example.txt";
removeExtension() {
// 移除扩展名部分
this.fileName = this.fileName.replace(/\.[^/.]+$/, "");
}
这样,无论是初始值还是用户输入,都会自动移除输入框中文件名的扩展名部分。
领取专属 10元无门槛券
手把手带您无忧上云