The updated Angular project template in Visual Studio 2019 (and 2017 before that) provides a convenient starting point for ASP.NET Core apps using Angular and the Angular CLI to implement a rich, client-side user interface (UI). The template is equivalent to creating an ASP.NET Core project to act as an API backend and an Angular CLI project to act as a UI.
Laurie Atkinson, Senior Consultant explains how to use the microsoft-adal-angular6 wrapper library to authenticate with Azure Active Directory in your Angular 6+ apps.
Until recently Angular supported SwPush class which allowed PWA capable applications to subscribe and listen to push notifications from the Service Worker. Here is an example where I am subscribing to clicking on the notification card which will redirect the user to my blog. Also notice that you also have access to the action that triggered the click. So you can wire your code to react differently to different actions.
In an agile development environment, there may be partially completed features or features with external dependencies that are not ready. Instead of relying on multiple code branches, instead you may opt for deploying code with a feature turned off. Later, that feature should be turned on via a configuration or database change. This post provides sample code that you can use to implement feature flags in your Angular app.
This is an update post to a previous article published in April 2017 explaining how to wrap ADAL.js with Angular2+. The previous article is no longer relevant given the changes to the Angular framework. This new post explains a reimplementation which uses the PathLocationStrategy and Angular features such as HttpInterceptor and InjectionToken.
Laurie Atkinson, Senior Consultant, avoid duplication of field-level validation by dynamically applying server-side validation rules on Angular controls.
Validation attributes are simple to apply to an Angular control within an HTML template, but that validation logic must be duplicated on the server.
Laurie Atkinson, Senior Consultant, By moving shared functionality to a base component and assigning dependencies inside the body of the constructor, you can simplify child components.
If your Angular components contain identical or similar functionality and you find yourself copying and pasting that code,
In the following post, Premier Developer Consultant Wael Kdouh expands on a previous post and demonstrates how you can run unit tests using headless Chrome and utilize Puppeteer to install Chrome on your CI server.
In a previous post, I showed you how to Integrate Angular Unit Tests with Visual Studio Team Services (VSTS).
In part 2 of a series of posts, Premier Developer Consultant Wael Kdouh demonstrates how to eliminate daunting requirements and instead install Angular build tools and utilize Docker to more easily and efficiently deploy an application to Azure using VSTS.
In part 1 I demonstrated building a VSTS build pipeline which built an Angular Docker image and deployed it to an Azure Web App for Containers.