触摸后irequired输入的角度验证消息

如果将“名称控制”设置为以下值:

...name: ["", [Validators.required],....

然后应该能够执行以下操作:

<span class="error" *ngIf="(user.get('username').touched && !user.get('username').value) ||  user.get('username').invalid">Error on username</span>

或者,如果您介意布局更改(因为*ngIf会将其从DOM中删除),您可以使用反向逻辑应用[隐藏]属性:

<span class="error" [hidden]="!user.get('username').touched || user.get('username').value || user.get('username').invalid">

Plunker

Angular2 form validation

希望它能帮助你。

 (!password.touched || (password.touched && password.valid))

例如此外,不要忘记“质朴”。