Add custom pipe to detail page

Author: DeborahK

APM-CLI-Final/src/app/products/product-detail.component.html

@@ -12,7 +12,7 @@
                 </div>
                 <div class='row'>
                     <div class='col-md-3'>Code:</div>
-                    <div class='col-md-6'>{{product.productCode}}</div>
+                    <div class='col-md-6'>{{product.productCode | lowercase | convertToSpaces: '-'}}</div>
                 </div>
                 <div class='row'>
                     <div class='col-md-3'>Description:</div>