I have a project on Angular 18. I need to update the html page, regarding response value of ngOnInit(). When I test my code as below, I can see the test and maxPage values of ngOnInit() on html component as…
I'm trying to apply a class to a component using the host property of the component decorator, but it's not working. Here's the HTML: <div class="container"> <app-header></app-header> <div class="content"> <router-outlet/> </div> </div> Here's the component @Component({ //... host: { 'class':…
We are upgrading our Anguar project from v.17 to v.18.1.0. Everything works nicely, but we get a problem during our CI/CD pipelines. I have the following commands to run as part of a gitlab pipeline: image: node:21.4.0 ... - npm…
I tried to migrate to control flow format in my Angular 18 projects in nx workspace. For most of the templates worked perfectly but for one html I'm getting the following error: [ngSwitch]: Error: Text node: " ◬" would result…
I have array1 and array2 in below data.i wanted to iterate all factoryId of array1 and need to check if same factoryid is present in array2. if factoryId of array1 is matching with array2 factoryId , than i wanted to…
How to customize the color of mat checkboxes in mat select options as seen below <mat-form-field appearance="fill" style="width:49%"> <mat-label>Select Group</mat-label> <mat-select [(ngModel)]="groupNames" name="group" multiple> <mat-option *ngFor="let group of GroupList" [value]="groupName"> {{groupName}} </mat-option> </mat-select> </mat-form-field> I tried inspecting the elements and…
I have an angular application deployed on Azure App Services and have enabled Azure's built-in authentication on it (aka Easy Auth). I am able to successfully login to my identity provider (AAD) but after being redirected to {domain}/.auth/login/aad/callback, I am…
Whenever I change a user's profile pic , the same thing happens to the rest of the other users ( their profile pic becomes the one of the user whom profile pic got updated manually ) and storage in firebase…
I am not sure whether I am doing wrong, but I would like to see from where the issue is coming. I have a project in Angular v18, and here is the problem statement: I am loading some dynamic htmls…
I am currently on the process of redoing out clubs app from Angular 9 to 18, since it has not been well maintained. I am trying to keep as much of the frontend as possible and therefore also wanted to…