安装ngx-mask库 npm install ngx-mask --save
在app.module.ts文件中导入NgxMaskModule,并将其添加到imports数组中。
import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsModule } from '@angular/forms'; import { AppComponent } from './app.component'; import { NgxMaskModule } from 'ngx-mask';
@NgModule({ imports: [ BrowserModule, FormsModule, NgxMaskModule.forRoot() ], declarations: [ AppComponent ], bootstrap: [ AppComponent ] }) export class AppModule { }
其中[ mask ]是一个指令,它允许您设置文本输入框的掩码。掩码可以是任何格式,如数字、时间、日期等。
[( ngModel )]是双向绑定指令,它将输入框的值绑定到组件中的变量。
export class AppComponent { value = ''; }
现在,您在输入框中键入的值将按照“00.00”格式进行显示。