在Angular 7中,你可以使用正则表达式来验证电话号码。下面是一个示例:
import { Component } from '@angular/core';
import { FormControl, Validators } from '@angular/forms';
@Component({
selector: 'app-phone',
template: `
电话号码是必填项
请输入有效的电话号码
`,
})
export class PhoneComponent {
phoneControl = new FormControl('', [
Validators.required,
Validators.pattern(/^\d{10}$/) // 10位数字的电话号码
]);
}
以上代码会创建一个文本输入框和相应的错误信息。当用户输入的电话号码不是10个数字时,输入框将显示错误消息。
希望这可以帮助到你!