I previously explained how to add App Insights to a .NET Core Web API so that we can monitor the performance and failure rates of our APIs. What about client-side applications? In this post, I will show you how you can add Azure Application Insights telemetry to an Angular application.…
I often come across Angular components that retrieve data from a remote API inside the ngOnInit lifecycle hook. While this is an easy way to load data into the component, it can can increase the size of the code and breaks the single responsibility principle. A better approach is to…
Visual Studio Code is an open-source, lightweight IDE from Microsoft. I enjoy using it on a day-to-day basis, generally for front-end projects like Angular web applications. VS Code has many handy features, one of my favourite is the rename symbols feature. The rename feature allows you to easily change the…
This is an old issue that gets me every time I start a new Angular project. Internet Explorer 11 caches all GET requests, which means that a user won't see any changes after a database update. The fix is to disable Internet Explorer cache when making HTTP requests. This is…
Angular is a very popular dynamic application framework for web, desktop and mobile platforms. A frequent question that pops up in stack overflow is How to focus on form input field using Angular Material? or How to focus on form input field programmatically from typescript code in Angular? In this post, I will show you how to use…