File

src/app/home/content/content.ts

Implements

OnInit

Metadata

selector app-content
template
<app-content-header (toggleSize)="toggleSize($event)"></app-content-header>
<app-filter-summary></app-filter-summary>
<app-customize></app-customize>
<app-product-list [(toggleLayout)]='toggleLayout' [products]='products' [taxonIds]="taxonIds"></app-product-list>

Inputs

products

Type: Product[]

taxonIds

Constructor

constructor()

Methods

ngOnInit
ngOnInit()
Returns: void
toggleSize
toggleSize(layoutInfo: any)
Returns: void

Properties

toggleLayout
toggleLayout: { size: string; }
import { Product } from './../../core/models/product';
import { Component, OnInit, Input, EventEmitter, Output } from '@angular/core';

@Component({
  selector: 'app-content',
  template: `
    <app-content-header (toggleSize)="toggleSize($event)"></app-content-header>
    <app-filter-summary></app-filter-summary>
    <app-customize></app-customize>
    <app-product-list [(toggleLayout)]='toggleLayout' [products]='products' [taxonIds]="taxonIds"></app-product-list>
  `,
//   styleUrls: ['./content-header.component.scss']
})
export class ContentComponent implements OnInit {
  @Input() products: Product[];
  @Input() taxonIds;
  toggleLayout = {size: 'COZY'};

  constructor() { }

  ngOnInit() {
  }

  toggleSize(layoutInfo) {
    this.toggleLayout = layoutInfo;
  }

}
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""