File
Metadata
| selector |
views-filter |
| templateUrl |
./views-filter.component.html |
import { Component } from '@angular/core';
import { ViewsFilterService } from '../services/views-filter.service';
@Component({
selector: 'views-filter',
templateUrl: './views-filter.component.html'
})
export class ViewsFilterComponent {
constructor(public vfs: ViewsFilterService) { }
}
<views-filter-display
[region]="vfs.region | async"
[dateFrom]="vfs.dateFrom | async"
[dateTo]="vfs.dateTo | async"
[age]="vfs.age | async"
(regionChange)="vfs.setRegion($event)"
(dateFromChange)="vfs.setDateFrom($event)"
(dateToChange)="vfs.setDateTo($event)"
(ageToggle)="vfs.toggleAge($event)"
></views-filter-display>
Legend
Html element with directive