F# – Grid Traveler
The grid traveler challenge is basically to find how many ways a traveler can travel to from the top left cell to the bottom right cell (you can move down…
F# – Fibonacci Sequence
A classic implementation of the Fibonacci sequence is shown below. An optimized version of the Fibonacci sequence is shown below. The dictionary is used to store previously computed values and…
Angular @ViewChild and ngIf
The Angular @ViewChild decorator can be tricky to handle if the element or component it references also has an ngIf directive. Take the example below. Currently, clicking the button will…
TypeScript – Add/Modify/Delete RecordType
The Record<Keys,Type>utility type in TypeScript is a powerful dictionary like utility. Assume you want to track employees by employee id and their relevant employee details. Creating The output from console.log:…
Setup: Angular and Jest testing framework
In my trek across the Internet, I came across Jest, a powerful and simple to use testing framework for Angular. The features and benefits of Jest are detailed in a…
Reactive PrimeNG AutoComplete Control
Using a PrimeNG (v12.1.0-rc.2) AutoComplete control is a matter of adding a formControlName (see line 5) attribute on the p-autoComplete component. The setValue/getValue methods will set and get the current selected value of the…
PrimeNG Reactive/Non-Reactive Components
Some but not all PrimeNG (v12.1.0-rc.2) components support Angular reactive templates. Component Name Reactive/Non-Reactive? Accordion Non-Reactive Auto Complete Reactive Calendar Reactive Cascade Select Reactive Checkbox Reactive Drop Down Reactive Editor…
Reactive PrimeNG Dropdown Control
Using a PrimeNG (v12.1.0-rc.2) drop down is a matter of adding a formControlName (see line 5) attribute on the p-dropdown component. The setValue/getValue methods will set and get the current…
How to add a new row inline to PrimeNG p-table
I am a big fan and user of PrimeNG’s Angular component for grids and tables. Out of the box the component has the capability to perform inline editing and deleting…