Generate a new Angular application, if you do not have one already: ng new PdfReader Download pdfjs-dist from npm: npm install pdfjs-dist Create a service under src folder using the following command: ng generate service PdfReader Replace the contents of the generated service with the following: import { Injectable }…
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…
Angular is a modern, highly performant application framework. Learning Angular is one of the best things you can do in your career as a web developer. But it is no good if your code does not work, which is where a good test suite comes into play. I have built…
The default Angular project template executes end-to-end tests using the development environment. If you're like me and switch to a Mac from Windows quite frequently, you may want to have the ability to execute your e2e tests in a different configuration. We will enable executing Angular e2e tests in different…