Angular 验证输入内容是否为 IP 地址

可以使用 Angular 的 Validators 中的 pattern 方法来校验输入内容是否是 IP 地址。具体步骤如下：

在组件中引入 Validators 模块：

import { Validators } from '@angular/forms';

创建一个 FormGroup 对象，设置一个名为 ip 的 FormControl 对象，并给它设置 Validators.pattern 方法：

ipForm = new FormGroup({
  ip: new FormControl('', Validators.pattern('^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$'))
});

在模板中绑定 FormGroup 对象，并在输入框中使用 FormControlName 指令绑定 FormControl 对象：

<form [formGroup]="ipForm">
  <input type="text" formControlName="ip">
  <div *ngIf="ipForm.controls.ip.errors?.pattern">请输入正确的 IP 地址</div>
</form>

在输入框中输入内容时，会自动根据设置的正则表达式进行校验，如果不是 IP 地址，则会显示错误提示信息。

上述代码中的正则表达式是用来匹配 IP 地址的，如果不懂正则表达式可以参考下面的代码：

^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$

这个正则表达式可以匹配如下格式的 IP 地址：

127.0.0.1
192.168.0.1
10.0.0.1
172.16.0.1
...

如果输入的字符串不是上述格式的 IP 地址，则会显示错误提示信息。