| <!-- Hero Name Column --> | |
| <ng-container cdkColumnDef="name"> | |
| <th cdk-header-cell *cdkHeaderCellDef (click)="adjustSort('name')"> | |
| Hero Name | |
| <span *ngIf="sortKey$.value === 'name'"> | |
| {{ sortDirection$.value === 'asc' ? '↥' : '↧' }} | |
| </span> | |
| </th> | |
| <td cdk-cell *cdkCellDef="let row"> {{row.name}} </td> | |
| </ng-container> |
| adjustSort(key: string) { | |
| if (this.sortKey$.value === key) { | |
| if (this.sortDirection$.value === 'asc') { | |
| this.sortDirection$.next('desc'); | |
| } else { | |
| this.sortDirection$.next('asc'); | |
| } | |
| return; | |
| } |
| export class Foo { | |
| private static _count = 0; | |
| id: number; | |
| constructor() { | |
| this.id = ++Foo._count; // starts with 1 | |
| } | |
| } |
| describe('Foo Class', () => { | |
| describe('constructor', () => { | |
| const fooClassRef = Foo as any; // to pass typechecking | |
| beforeEach(() => { | |
| console.log(`start of beforeEach: ${fooClassRef._count}`); | |
| fooClassRef._count = 0; | |
| console.log(`end of beforeEach: ${fooClassRef._count}`); | |
| }); | |
| @Injectable() | |
| export class CarsListFacade extends CarsFacade { | |
| _source = 'Cars List'; | |
| constructor(private store$: Store<any>) { | |
| super(store$); | |
| } | |
| } |
| export abstract class CarsFacade { | |
| protected _source: string; | |
| loaded$ = this.store.select(carsQuery.getLoaded); | |
| allCars$ = this.store.select(carsQuery.getAllCars); | |
| selectedCars$ = this.store.select(carsQuery.getSelectedCars); | |
| constructor(private store: Store<CarsState>) {} | |
| protected loadAll() { |
A utilitarian guide for creating Nx Workspace Schematics
Schematics are a one-time event that adjusts your filesystem - usually for the purpose of automating boilerplate or configuration.
If you've ever written down a list of things to do or files to adjust everytime you create a component (for example), a schematic is an excellent solution.
| const COUNT = 10000; | |
| interface Hero { | |
| heroName: string; | |
| heroId: number; | |
| } | |
| interface AlterEgo { | |
| realName: string; | |
| heroId: number; |
I'm trying to create examples of all the different ways to write functions and function type definitions in TypeScript.
One requirement is these examples must work with strict mode (noImplicitAny, etc) enabled.
If I'm missing anything, please add comments below with examples. I'll eventually put this into a blog post.
Keep in mind that there are TONS of combinations of different syntaxes. I only want to include those which are less obvious combinations or unique in some way.