I would like to convert one of my lazy loading modules into eagerly loading module. I have this code in my app-routing.module.ts: const accountModule = () => import('./account/account.module').then(x => x.AccountModule); const adminModule = () => import('./admin/admin.module').then(x => x.AdminModule); const profileModule…
I'm experiencing an issue with a mat-datepicker appearing below a modal in my Angular application. Here are the relevant details: Html: <div class="col-12"> <mat-form-field appearance="fill"> <mat-label>Fecha Inicio</mat-label> <input matInput [matDatepicker]="pickerOne" placeholder="ingresa una fecha" formControlName="year"> <mat-datepicker-toggle matSuffix [for]="pickerOne"></mat-datepicker-toggle> <mat-datepicker #pickerOne class="custom-datepicker"></mat-datepicker>…
I am writing a webauthn demonstrator following https://webauthn.guide, and it works well when I host my frontend on https://localhost:4200.' However, if I host the angular frontend to my local network, and replace rp_id='localhost' with the ip address I can open…
I want to add validations to mat-select where the user needs to select at least one entry html file: <mat-form-field> <mat-label>Select drink(s):</mat-label> <mat-select [formControl]="drinks" multiple (selectionChange)="checkSelectedDrinks($event.value)"> @for (drink of drinkList; track drink) { <mat-option [value]="drink">{{drink}}</mat-option> } </mat-select> <mat-error *ngIf="drinkSelectionErr"> You…
I am using Angular 15.1.3, Angular Material 14.0.4 and Angular CDK 14.0.4 I am able to position the panel of the Dropdown just below or above the Dropdown Textbox. This is the code I have used for mat-select <mat-select (selectionChange)="securityQuestionChange($event)"…
how do we adjust the code so that we can make multiple sticky headers , I want to make the first column which is Name and second column which is No sticky and then the last column sticky. Currently the…
I have been stuck with this issue for a while now as I'm not familiar with Angular 17 new standalone default without app.module.ts This is my app.config.ts export const appConfig: ApplicationConfig = { providers: [ provideRouter(routes), provideAnimations(), importProvidersFrom(provideFirebaseApp(() => initializeApp(environment.firebase))),…
I have a requirement where I have an input field. In that input field I am passing string value seperated by commas. I am storing each input value in array. I want to restrict user from entering more than 4…
We have some HTML input checkboxes that are readonly as their checked state is controlled by another source, but the checkboxes can be tabbed into and toggled with pressing the space bar. This happens in all browsers except Safari as…
I am currently migrating from angular 16 to angular 17. Its a mat-icon to delete an entry from a list in a mat menu with some information text next to it. Before everything was aligned correctly but after the update…