O json esta sendo criado mas faltando o modelo.

Adicione um pensamento novo:

Pensamento

<input

type="textarea"

class="input"

id="pensamento"

name="pensamento"

placeholder="Digite o pensamento"

[(ngModel)]="pensamento.conteudo"

>

Autoria ou fonte

<input

type="text"

class="input"

id="autoria"

name="autoria"

placeholder="Digite a autoria ou fonte"

[(ngModel)]="pensamento.autoria"

>

Selecione o modelo do card:

<input

type="radio"

id="modelo1"

value="modelo1"

name="modelo-card"

>

Modelo 1

Prévia:

{{ pensamento.conteudo }}

{{ pensamento.autoria }}

<input

type="radio"

id="modelo2"

value="modelo2"

name="modelo-card"

>

Modelo 2

Prévia:

{{ pensamento.conteudo }}

{{ pensamento.autoria }}

<input

type="radio"

id="modelo3"

value="modelo3"

name="modelo-card"

>

Modelo 3

Prévia:

{{ pensamento.conteudo }}

{{ pensamento.autoria }}

<button (click)="criarPensamento()" class="botao">Salvar

<button (click)="cancelarPensamentos()" class="botao">Cancelar

import { Component, OnInit } from '@angular/core';

import {Pensamento} from "../pensamento";

import {PensamentoService} from "../pensamento.service";

import {Router} from "@angular/router";

@Component({

selector: 'app-criar-pensamento',

templateUrl: './criar-pensamento.component.html',

styleUrls: ['./criar-pensamento.component.css']

})

export class CriarPensamentoComponent implements OnInit {

pensamento:Pensamento={

conteudo:'',

autoria: '',

modelo: ''

}

constructor(

private service: PensamentoService,

private router: Router

) { }

ngOnInit(): void {

}

criarPensamento(){

console.log((this.pensamento))

this.service.criar(this.pensamento).subscribe(() => this.router.navigate(['/listarPensamento']))

}

cancelarPensamentos(){

this.router.navigate(['/listarPensamento'])

}

}