Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Erro no Console do Formulário de Login (Form control must be defined as 'standalone' in ngModelOptions

Na Aula 02.03 (Login / Formulário Template-Driven) depois de feita a implementação no Template HTML (uso das diretivas ngSubmit no Formulário e ngModel nos Inputs de Usuário e Senha) é indicado executar o comando ng serve -o e abrir o Console do Navegador

Ao fazer isso, me deparei com essa mensagem de erro duas vezes, uma para cada Input:

ERROR Error: If ngModel is used within a form tag, either the name attribute must be set or the form
    control must be defined as 'standalone' in ngModelOptions.

    Example 1: <input [(ngModel)]="person.firstName" name="first">
    Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}">
    at missingNameException (forms.mjs:4293:12)
    at NgModel._checkName (forms.mjs:4618:19)
    at NgModel._checkForErrors (forms.mjs:4601:14)
    at NgModel.ngOnChanges (forms.mjs:4528:14)
    at NgModel.rememberChangeHistoryAndInvokeOnChangesHook (core.mjs:1508:1)
    at callHook (core.mjs:2561:1)
    at callHooks (core.mjs:2520:1)
    at executeInitAndCheckHooks (core.mjs:2471:1)
    at selectIndexInternal (core.mjs:8416:1)
    at Module.ɵɵadvance (core.mjs:8399:1)

Como resolver essas mensagens de erro?

1 resposta
solução!

Seguindo a orientação da própria mensagem de erro, adicionando o atribut name nos Inputs fez com que as mensagens de erro sumissem.

Antes meu Input estava assim:

<input
            class="form-control"
            placeholder="Nome do Usuário"
            [(ngModel)]="aUser"
        >

Depois de deixa-lo assim, as mensagens de erro sumiram:

<input
            class="form-control"
            placeholder="Nome do Usuário"
            [(ngModel)]="aUser"
            name="user"
        >