src/app/product/components/product-detail-page/product-price-info/product-price-info.component.ts
selector | app-product-price-info |
styleUrls | product-price-info.component.scss |
templateUrl | ./product-price-info.component.html |
product
|
|
constructor()
|
ngOnInit |
ngOnInit()
|
Returns:
void
|
import { Component, OnInit, Input } from '@angular/core';
@Component({
selector: 'app-product-price-info',
templateUrl: './product-price-info.component.html',
styleUrls: ['./product-price-info.component.scss']
})
export class ProductPriceInfoComponent implements OnInit {
@Input() product;
constructor() { }
ngOnInit() {
}
}
<div>
<h1 class="title">{{product.name}}</h1>
<p class="selling-price">
<strong>{{product.display_price}}</strong>
</p>
<p class="vatInfo">Additional VAT may apply; charged at checkout</p>
</div>