dlevelb

https://angular.io/api/common/DatePipe 1234567891011121314151617181920212223242526272829@Component({ selector: 'date-pipe', template: ` Today is {{today | date}} Or if you prefer, {{today | date:'fullDate'}} The time is {{today | date:'shortTime'}} The full date/time is {{today | date:'full'}} The full date/time in french is: {{today | date:'full':'':'fr'}} The custom date is {{today | date:'yyy..

https://angular.io/api/common/DecimalPipe 1234567891011121314151617181920212223242526272829@Component({ selector: 'number-pipe', template: ` e (no formatting): {{e | number}} e (3.1-5): {{e | number:'3.1-5'}} e (4.5-5): {{e | number:'4.5-5'}} e (french): {{e | number:'4.5-5':'fr'}} pi (no formatting): {{pi | number}} pi (3.1-5): {{pi | number:'3.1-5'}} pi (3.5-5): {{pi | number:'3.5-5'}} `})expo..

https://stackoverflow.com/questions/35527456/angular-window-resize-event 12345678910111213141516onResize(event) { event.target.innerWidth;} @HostListener('window:resize', ['$event'])onResize(event) { event.target.innerWidth;} import { HostListener } from '@angular/core';@HostListener('window:resize') onResize() { // test}Colored by Color Scriptercs

https://angular.io/api/common/SlicePipe 12345678910111213141516171819202122232425262728// List Example@Component({ selector: 'slice-list-pipe', template: ` {{i}} `})export class SlicePipeListComponent { collection: string[] = ['a', 'b', 'c', 'd'];} // String Examples@Component({ selector: 'slice-string-pipe', template: ` {{str}}[0:4]: '{{str | slice:0:4}}' - output is expected to be 'abcd' {{str..