detail-template

<div class="card">
  <div class="card-header pt-1 p-1">
    <h5 class="card-title p-0">{{article.title}}</h5>
  </div>
  <div class="card-body">

    <p class="card-text">{{article.content}}</p>
  </div>
  <div class="card-footer text-muted">
    <small>Created on {{article.createdAt | date:'medium'}}</small> <br>
    <small>Last updated {{article.updatedAt | date:'medium'}}</small> <br>
    <a (click)="editArticle(article._id)" class="btn btn-sm btn-link btn-info">Edit</a>
    <a (click)="deleteArticle(article._id)" class="btn btn-sm btn-link btn-danger ml-5">Delete</a>
  </div>

</div>

<a routerLink="/articles" class="btn btn-primary my-3">Back to all articles</a>