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

Erro [(ngModel)]

Olá! Não consigo fazer a comunicação bidirecional entre component e template. Aparece o erro e não consigo corrigir. Pode me ajudar?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta
solução!

Olá Carolinne!

Entendo que você está enfrentando dificuldades com a comunicação bidirecional entre o componente e o template usando [(ngModel)]. Vamos verificar alguns pontos importantes para resolver esse problema:

Verifica se o FormsModule está importado no seu app.module.ts. O código deve se parecer com isto:

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

@NgModule({
  declarations: [
    AppComponent,
    ...
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Da uma olhada na declaração do objeto no componente, no seu componente TypeScript (criar-pensamento.component.ts):

export class CriarPensamentoComponent {
  pensamento = {
    conteudo: '',
    autoria: '',
    modelo: ''
  };
}

Passe o ponteiro sobre o erro no seu VScode, pode ser um bom norte.

Mas em caso de persistência do erro, peço que você compartilhe o link do seu projeto no GitHub ou uma pasta com todos os arquivos que você utilizou no através do Google Drive. Dessa forma, conseguirei realizar os testes necessários e te ajudar de forma mais assertiva.

Lembre-se que, se enviar os arquivos por meio do Google Drive, é necessário conceder permissão para que eu possa ter acesso.

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!