This article explains how you can generate GUID formatted values that are unique across processes and will also be appended to the end of SQL Server indexes.
Category:Technical
Blazor: Scoping services to a component
Sometimes you need your component to have its own unique (isolated) dependency injection container, where all the injected services are disposed with the component.
This article explains how that can be done.
Blazor setTimeout
If you are familiar with setTimeout in JavaScript, here is how you do something similar in Blazor.
Blazor-Fluxor ranked #7 in top 10 Blazor tools!
I was really pleased to see my Blazor library “Fluxor” mentioned in this Visual Studio Magazine article!!!
Assigning a piped async result to a variable in an Angular view
If you have an Observable<x> in your component you might find yourself doing something like this {{ ( source$ | async)?.property1 }}{{ ( source$ | async)?.property2 }} This will subscribe to the source$ observable more than once. A commonly used technique to avoid this is to assign the result of the async into a view …
Continue reading Assigning a piped async result to a variable in an Angular view
Implementing a really simple Elvis Operator in TypeScript
Here is a simple routine that implements what is known as the Elvis Operator in TypeScript. In C# you can write code like thisNullable<int> age = person?.BestFriend?.Mother?.CurrentHusband?.Age); If any of the values along the way it will return a null rather than throwing a NullReferenceException. Using the class in my previous blog Get a Lambda expression …
Continue reading Implementing a really simple Elvis Operator in TypeScript
A type safe way of creating Angular ReactiveForms and FormGroups
If, like myself, you prefer as many of your coding mistakes to be identified at compile time as possible then you might like the following example. The FormBuilder in Angular expects us to identify our FormControls with a string name. If ever the API of your server changes then of course the names of those …
Continue reading A type safe way of creating Angular ReactiveForms and FormGroups
Failed to execute ‘send’ on ‘XMLHttpRequest’: Failed to load ng:///DynamicTestModule – Solved (Angular testing)
If when you run your tests you see an error similar to this Failed to execute ‘send’ on ‘XMLHttpRequest’: Failed to load ‘ng:///DynamicTestModule/xxxxxxComponent_Host.ngfactory.js It means something in your component is throwing an exception and the test framework is returning a wrapped exception. To see the actual exception run ng test with -sm=false as a parameter …
Continue reading Failed to execute ‘send’ on ‘XMLHttpRequest’: Failed to load ng:///DynamicTestModule – Solved (Angular testing)
Angular – How to create a data aware custom component
Introduction This blog will demonstrate how to create an Angular component that you are able to add [ngModel] [formControl] and [formControlName] attributes to your custom component, and have your component correct implement the features required to work with Angular forms. Setting up the ngModule First add FormsModule and ReactiveFormsModule to your main NgModule’s import declaration …
Continue reading Angular – How to create a data aware custom component
TypeScript – A polyfill to extend the Object class to add a values property to complement the keys property
I expect you’ve used Object.keys at some point. Here is how to extend the Object class to add a values property. This kind of thing is useful when you have a lookup of keys where all of the values are the same type, such as the following object you’d expect to see in a Redux …
Continue reading TypeScript – A polyfill to extend the Object class to add a values property to complement the keys property