Hi there! 👋 Thank you for visiting! Whatever you are looking for, I hope you will find it.
If you want to reach out, you can contact me anywhere you'd like. You can find my social media channels right above the main navigation.
If you want to say hi via email,
To test your Angular build locally:
There are many articles on the web showing various methods of getting a reference to the window object in Angular (primarily through the dependency injection mechanism). However those that are popular on Google search are from 2016, 2017, etc, and the methods are mostly overly complicated (understandably).
Lately i’ve been trying to apply the concept of using the url as the single source of truth in Angular applications I work on. Today I wrote some functionality that demonstrates this quite well.
<time [dateTime]="'2019-08-09 16:22:20'">8/9/2019</time>
A few days back while looking into strongly typing reactive forms in Angular, I came across this post by Alex Klaus. Given reactive forms don’t currently support strong typing (see issues #13721 and #17000), he suggests making use of Daniele Morosinotto solution which involves leveraging Typescript declaration files (
Ever had this issue where for some reason you can’t navigate to a route even though everything seems ok, and the route’s data resolvers are all executing?
This assumes you’ve already setup API authentication in your Laravel application.
From the agGrid documentation,
FYI, this is a to the point guide on adding and Bootstrap 4 styles (scss) to an Angular project.
I may flesh this out with a detailed post later, but if you have any questions or encounter any issues feel free to reach out to me.
This little utility function can help you easily determine if a url string contains a protocol and add one if missing.
Say you have an object you’d like to conditionally add a member to, here’s a neat little trick to do it with the spread operator.
I’ve spent a few hours trying to get fragment navigation working properly for a use case on Xamcademy (https://xamcademy.com).
A few months back while working on a location based taxi calling app, I had to build in functionality to render the route from the user’s location to the selected or searched listing on the map.
trackBy is a function which will return a unique identifier for each item in the array provided to *ngFor.
Normally when the array changes, Angular re-renders the whole DOM tree. But if you use trackBy, Angular will know which element has changed and will only make DOM changes for that particular element.
Having created a good number of custom form controls in Angular, it always felt repetitive implementing the ControlValueAccessor interface in each custom component.