### 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[]`
Defined in src/app/home/content/content.ts:15

`taxonIds` |
Defined in src/app/home/content/content.ts:16

### Constructor

`constructor()`
Defined in src/app/home/content/content.ts:17

### Methods

ngOnInit
`ngOnInit()`
Defined in src/app/home/content/content.ts:21
Returns: `void`

toggleSize
`toggleSize(layoutInfo: any)`
Defined in src/app/home/content/content.ts:24
Returns: `void`

### Properties

toggleLayout
`toggleLayout: `{ size: string; }``
Defined in src/app/home/content/content.ts:17

    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 ""