Category "angular"

When is useful to use a custom directive in Angular?

In the angular docs there's an example of how to build a custom directive that hightlights a paragraph (or any HTML element where this directive is applied) on

Weird question mark in url when I change page using this.router.navigateByUrl or this.router.navigate

Using Angular 12 I'm trying to do a simple navigation using this.router.navigateByUrl or this.router.navigate. I don't know why but in one case, after the navig

How to pick variation of Material color for styling an Angular Component

Is there a way to define which palette variation will be used when setting the color to accent(or primary)? For example I wish to set the background-color for

How to customize the color of specific mat badge?

I have two matbadges, I want one in red and one in yellow. For the one in red I'm using: = 0" matBadge="{{element.failedTests}}" matBadgeColor="warn"> For

Cannot read property 'html' of undefined after jest update

For an angular v12 project which uses jest I just updated jest to version 28. Now, however, I get the following error FAIL src/app/components/update-input/upda

Angular Paginator not working after data reload

I am trying to share a Angular material table MAT-TABLE among different material tabs MAT-TABS. Also, i'm getting data from a API so i am calling a function on

Angular rich text editor max length validation

I need to set the max length of Angular Editor. I have tried so many ways but was not able to set the maxlength. <angular-editor [(ngModel)]="htmlConten

Deploying an Angular Universal App in Azure web app service - Linux based

I'm trying to deploy an Angular Universal App in Azure web app service (Linux webapp) using azure devops pipeline and build/release pipeline are successfully co

Can angular polyfills.ts file be safely removed

Now that angular is working with Ivy and decided to abandon internet explorer. Shall we safely remove the polyfills.ts file in our Angular >= v13 project?

Webpack Module Federation Unsatisfied version 11.x.x of shared singleton module @angular/common (required ^7.2.0)

I am trying to get my rather complicated monolithic app to work with Module Federation. My webpack config looks like that plugins: [ new ModuleFederation

Angular 13 MSAL 2.0 & .NET core API: Bearer error="invalid_token", error_description="The signature is invalid"

To isolate the problem, I have created the famous Visual Studio default "weather forecast" .NET core project with angular and tried to make the Angular ClientAp

Chrome opens suggest password dialog on input with type number on MacOS?

I'm running into an issue similar to this one. I have autocomplete="off" on the entire form, and it does work correctly in Firefox, and most of the elements do

Areas do not work in ASP.NET 6 with Angular project

I have created an dotnet angular project with the command: dotnet new angular -o my-new-app My app is working fine. But now I want to add areas in the controll

Convert form control value to string

Hey I created an input field as form control. The input value will be added to a formArray everytime user enters the message. export class AppComponent {

Angular 13 and Karma: ReferenceError: global is not defined

i know there are many posts on this subject but nothing has helped so far. Such things like (window as any).global = window in polyfills.ts didn't work Angular:

how to know the markers information that are clustered on marker clustering in agm

I want to know about the marker information that are grouped under marker clustering in AGM google Maps. <agm-map #agmMap [latitude]="latitude" [longitude]="

After refresh, firebase Auth current user returns null

Here is my code on profile page, this works fine first time when i redirect from login method of AuthService const user = firebase.auth().currentUser; if (us

Angular 10.2 build: Localized bundle generation failed: Cannot read property 'value' of undefined

I have a project build on Angular 10.0.11. I updated the project to 10.2 with npm update, but this resulted in multiple Unable to fully load [...] for source-ma

Worker terminated due to reaching memory limit: JS heap out of memory

After upgrading my angular 10 to angular 13, I got this error after using the command ng serve. ⠧ Generating browser application bundles (phase: building

Angular mat-autocomplete: Setting active item programmatically

What are you trying to do? Setting an item in my panel active programmatically. What are you seeing that does not match your expectations? Using autocomplet