9. PUT (editar)

9.4. HTML: cambia el título y botón según modo

post-form.component.html

<a routerLink="/posts" class="link">← Volver</a>

<h2>{{ postId ? 'Editar post' : 'Nuevo post' }}</h2>

<form class="form" [formGroup]="form" (ngSubmit)="save()">
  <label>
    Título
    <input type="text" formControlName="title" />
  </label>

  <label>
    Contenido
    <textarea rows="6" formControlName="body"></textarea>
  </label>

  <button class="btn" type="submit">
    {{ postId ? 'Guardar cambios' : 'Crear' }}
  </button>
</form>

Añadir link “Editar” en el detalle, junto al botón borrar: (PostDetail)

<div class="actions">
  <a class="btn" [routerLink]="['/posts', p.id, 'edit']">Editar</a>

  <button type="button" class="btn danger" (click)="deletePost(p.id)">
    Borrar
  </button>
</div>