I have a regex input pattern as below: [0-9A-Za-z!-/:-@[-`{-~] and my limit to input is 1, here currently it is accepting comma , I need to avoid accepting commas. what will be my input pattern I tried something like this…
I have this tr and td tag both have onclick event <tr (click)="update(list.Item)" *ngFor="let list of List | paginate: { itemsPerPage: 10, currentPage: p };"> <td style="width:5%" (click)="delete(list.Item)"> <a title="Delete"><i class="icon-trash" style="margin-right: 10px"></i></a> </td> </tr> delete(itemID) { } issue is…
How do you style a child component when you hover on a parent component, across component boundaries - in Angular 17? Doing this, in the parent CSS doesn't work on the child: parent:hover .child { padding: 0px } Do I…
I have these two components and i cannot align them horizontally. <div style="float: left;"> <div> <app-sidebar></app-sidebar> </div> <div style="margin-left: 8.4rem;"> <app-title></app-title> </div> </div> I tried to align them with: display:flex; float:left; However, every time I try the sidebar covers title.
I have 3 observables: query$ = this.q$.pipe(tap(() => this.page$.next(0)); filter$ = this.f$.pipe(tap(() => this.page$.next(0)); page$ = new BehaviorSubject<number>(0); combinetLatest({ query: this.query$, filter: this.filter$, page: this.page$ }) .pipe( switchMap(({ query, filter, page }) => { ... }) ); I have to…
I want to have a div for documents next to my div for posts. If I write my div for the documents in the file it does it correctly. forum.component.html: <div class="container"> <div class="row"> <!-- Post-div --> <div class="col-lg-7 p-4">…
Trying to configure firebase in my angular app. Created a new firebase project in the console and want to create a new angular project using firestore in the new firebase project. However, get error "Already using account [email protected] for this…
I'm currently facing challenges with Tailwind CSS v3.1 arbitrary variants not being applied as expected to a custom Angular dropdown component named app-drop-down. The primary concern revolves around setting a fixed width of 160px for the dropdown panel (bq-panel). Note…
getCheckStatus(checkStatus: string) { let statusClass = ''; if (checkStatus === 'Completed') { statusClass = 'mat-focus-indicator btn--primary__button mat-raised-button mat-button-base'; } else { statusClass = 'mat-focus-indicator mat-raised-button mat-button-base mat-button-disabled'; } const button = document.createElement('button'); button.className = statusClass; button.textContent = 'Close'; button.addEventListener("click", ()…
Trying to figure out why OnPush change detection strategy is not working In this demo. If I understand correctly OnPush change detection should be triggered when a property reference changes. and in order to ensure this a new array is…