<!-- #docplaster -->
<!-- #docregion details -->
<h2>Product Details</h2>

<div *ngIf="product">
  <h3>{{ product.name }}</h3>
  <h4>{{ product.price | currency }}</h4>
  <p>{{ product.description }}</p>

<!-- #enddocregion details -->
  <button (click)="addToCart(product)">Buy</button>
<!-- #docregion details -->  
</div>
