### File

`src/app/product/components/product-detail-page/product-price-info/product-price-info.component.ts`

### Implements

`OnInit`

### Metadata

selector | `app-product-price-info`
styleUrls | `product-price-info.component.scss`
templateUrl | `./product-price-info.component.html`

### Inputs

`product` |
Defined in src/app/product/components/product-detail-page/product-price-info/product-price-info.component.ts:9

### Constructor

`constructor()`
Defined in src/app/product/components/product-detail-page/product-price-info/product-price-info.component.ts:9

### Methods

ngOnInit
`ngOnInit()`
Defined in src/app/product/components/product-detail-page/product-price-info/product-price-info.component.ts:12
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>

Legend
Html element
Component
Html element with directive

# results matching ""

# No results matching ""