File
projects/congarevenuecloud/elements/src/lib/product-compare/product-compare.component.ts
Description
The Product Compare component is used to display a side by side comparison of product records. Each product is shown as a card at the top of the component with a table below each card listing the features.
Preview
Usage
Example :import { ProductCompareModule } from '@congarevenuecloud/elements';
@NgModule({
imports: [ProductCompareModule, ...]
})
export class AppModule {}```typescript
<apt-product-compare [identifiers]="identifierArray"></apt-product-compare>
Implements
OnChanges
Metadata
| selector | apt-product-compare |
| styleUrls | ./product-compare.component.scss |
| templateUrl | ./product-compare.component.html |
Index
Inputs |
Constructor
constructor(config: ConfigurationService, productService: ProductService)
|
|||||||||
|
Parameters :
|
Inputs
| identifiers |
Type : Array<string>
|
|
List of product identifiers to use to populate the comparison table. |
<div class="container-fluid">
<div class="row pb-5 pt-3" *ngIf="(products$ | async) as products">
<div class="col d-flex justify-content-center px-0">
<apt-compare-table [products]="products"></apt-compare-table>
</div>
</div>
</div>
./product-compare.component.scss
Legend
Html element
Component
Html element with directive