This runs all spec files that are descendants of the “my-area” folder and in the “Edge” browser.
ng test --include "src/app/my-area/**/*.spec.ts" --browsers=Edge
My bookmarks and blogposts regarding Software Development in .NET, C#, Angular, JavaScript, CSS, Html
This runs all spec files that are descendants of the “my-area” folder and in the “Edge” browser.
ng test --include "src/app/my-area/**/*.spec.ts" --browsers=Edge
Angular v19 will make standalone: true the default for components, directives, and pipes.In v14 we introduced a developer preview “standalone” feature, which made it possible for the first time to build an application that didn’t rely on NgModules. Since then, standalone has been stabilized, and has become the recommended way to write Angular code by the Angular team. The CLI generates components with standalone: true by default, and the Angular docs teach standalone first to all new Angular developers. A
Validating user input in HTML forms can be a tedious task. In this new series, we’ll look at how Angular can help us implement painless form validation. First, it’s essential to know that Angular relies primarily on native browser validation features that use modern HTML properties. For instance, if a form field has to be filled out, you can mark it as required using the required HTML attribute
Source: Basic form validation with Angular | Angular Newsletter
In this tutorial, we’re going to implement a polling mechanism using RxJs and Angular. Our goal is to retrieve and render information that gets refreshed periodically. Our example is going to be a currency service that displays up-to-date currency exchange rates
Source: How to do polling with RxJs and Angular? | by Alain Chautard | Angular Training
Another way to put it is that you don’t want to end up doing something like this:
<p>First name: {{ (user$ | async)?.firstName }}</p>
<p>Last name: {{ (user$ | async)?.lastName }}</p>
Code language: HTML, XML (xml)
The above code is pretty hard to read and requires one subscription for each property. This alone can be a disaster, as each subscription might trigger an HTTP request for the same data from the server!
Instead, you can do something like this, which uses only one subscription, stores the result in a local variable, then renders the data when it’s available. This technique works with any structural directive, such as *ngIf
or *ngFor
:
<div *ngIf="user$ | async as user">
<p>First name: {{ user.firstName }}</p>
<p>Last name: {{ user.lastName }}</p>
</div>
Although it seems Microsoft and OpenAI have been deeply intertwined partners for a long time, they are only now getting around to releasing an official OpenAI library for .NET developers, joining existing community libraries.
The first beta of the effort is an OpenAI NuGet package supporting .NET 6 and .NET Standard 2.0, now at version 2.0.0-beta.2 and listing some 868,000 downloads.
visualstudiomagazine.com/Articles/2024/06/07/openai-net.aspx
Create an Application Insights Resource in Azure:
– Go to the Azure portal, “Create a resource”, search for “Application Insights” and create.
Install the Application Insights SDK in Your .NET Core 8 Project:
– Open your .NET Core API project.
– Install the `Microsoft.ApplicationInsights.AspNetCore` NuGet package
Configure Application Insights in Your Project:
– Open the `appsettings.json` file and add your Application Insights Instrumentation Key:
{ "ApplicationInsights": { "InstrumentationKey": "your_instrumentation_key_here" } }
The instrumentation key can be found in azure portal on the application insight resource “Overview tab”, the label “Instrumentation Key” in top right.
– Alternatively, you can set the instrumentation key in the environment variables.
Add the Application Insights telemetry
Modify the `Program.cs` file:
using Microsoft.ApplicationInsights.Extensibility; ... // Add Application Insights telemetry builder.Services.AddApplicationInsightsTelemetry(); // Configure logging to include Application Insights builder.Logging.AddApplicationInsights(); //Write log message var logger = builder.Services.BuildServiceProvider().GetRequiredService<ILogger<Program>>(); logger.LogInformation("Logging init"); ... var app = builder.Build(); //Write log message to indicate logging is working app.Logger.LogInformation("Logging init"); ...
Set logging level to information and add logging message:
Default logging level for Application Insights logger is “warning”, here is how to change the level to include “information” as well.
Method 1: in appsettings.json file:
{ ... "Logging": { "LogLevel": { ... }, "ApplicationInsights": { "LogLevel": { "Default": "Information", "Microsoft": "Warning", "Microsoft.Hosting.Lifetime": "Information" } } } }
Method2: Configure Logging Level in Program.cs
// Add Application Insights telemetry builder.Services.AddApplicationInsightsTelemetry(); // Configure logging to include Application Insights builder.Logging.AddApplicationInsights(); // Set the logging level to Information builder.Logging.AddFilter<Microsoft.Extensions.Logging.ApplicationInsights.ApplicationInsightsLoggerProvider>("", LogLevel.Information);
Verify Telemetry Collection logging
– Run your application, the logging “Logging init” should have been logged.
– Go back to the Azure portal, navigate to your Application Insights resource, and check the “Live Metrics Stream” or “Logs” to verify that telemetry data is being collected. E.g. filter for “traces” in the query and the “Logging init” LogInformation() call should be present.
Example log query:
traces | where message has "init"
Example of more advanced log query:
traces | where timestamp > ago(2h) // Adjust the time range as needed | where severityLevel >= 1 // 1 corresponds to Information level and above | project timestamp, message, severityLevel | order by timestamp desc
Set the timestamp presentation to Swedish time
If you are in non English country you might want to change the time presentation and the local time zone default settings.
Set regional format for Azure Portal:
Click the user menu in top right: select “View account”:
Select “settings..” tab, set regional format and time zone.
Set local time zone as default for the log view:
Ctrl+Q, search for feature “exception settings” -> enable setting below