Na aula 04.02 (Validação de Formulário Assíncrono / Validação padrão), é implementado no Template de criação de um Novo Usuário, é utilizado o Seletor de Mensagem criado em uma aula anterior.
Nesse Seletor, além da Mensagem a ser exibida, é utilizada a diretiva *ngIf
para exibir a mensagem de modo condicional. A implementação da aula está mais ou menos assim:
*ngIf = "newUserForm.get('email')?.errors?.required"
Porém, implementando desta forma, o VSCode exibe uma mensagem de erro, e a compilação falha:
Error: src/app/home/user-registration/user-registration.component.html:12:45 - error TS4111: Property 'required' comes from an index signature, so it must be accessed with ['required'].
12 *ngIf="newUserForm.get('email')?.errors?.required"></app-messages>