Category "angular"

Angular Reactive Forms AddControl Causes ExpressionChangedAfterItHasBeenCheckedError When Using PatchValue

I wanted to be able to build up a reactive form using components, but not set it all up in a single parent component. So I created the intial FormGroup and pas

HTTPClient POST tries to parse a non-JSON response

I'm trying to make a request in Angular and I know that the HTTP response will not be in JSON but in text. However, Angular seems to be expecting a JSON respons

NGXS: Update deep level nested array state

So I have the following state: [ { name: "Main Tree", branches: [ { name: "Branch 1", branches: [] },

Ionic Video Mute Attribute Ignored

I am having a weird issue where the mute tag on a video element is being ignored. <video #media playsinline webkit-playsinline loop muted [src]="video

PrimeNG calendar clear current/today date when the user selects some other date on the calendar

I'm using p-calendar in my app to take input from the user for a particular time. The calendar works fine. However even when I click on some other date on the c

How to invoke method from filterFunction() in ng2-smart-table?

I am trying to invoke a method from a filterfunction() by using 'this' keyword. However, I realize that 'this' refers to the event handler instead the component

Angular 13: Namespace '"/node_modules/firebase/compat/index"' has no exported member 'User'. ts(2694)

1st error: Namespace '"D:/desktop/Programming/oauthAngular/node_modules/firebase/compat/index"' has no exported member 'User'. 2nd error: Type 'import("D:/desk

How to display a full screen modal

I'm trying to display a full screen modal but nothing seems to work. I tried to use the size: "lg" but the result is still way too small. I think it could be so

Angular Elements - cannot pass variable to @Input property of my Elements Tag

I need some assistance here, I am unable to pass a variable to the @Input variable of my Elements tag. If I hard code a caller-id = "123456" inside the tag it w

CSS for Angular .cdk-virtual-scroll-content-wrapper not applied

I want to customize a <cdk-virtual-scroll-viewport> by using the CSS class .cdk-virtual-scroll-content-wrapper so that the scroll container always shows a

Material table datasource filter with column value

How can I filter the material data table with specific column ? public dataSource; this.dataSource = new MatTableDataSource(this.items); this.dataSo

Angular Can't bind to 'ngModel' With FormsModule already imported

Note : I'm not a front end dev, even if I do a bit of it. If anything you see can be improved, do not hesitate to share ;) Strange behavior here, I can't find o

Firebase error "auth/argument-error" when trying to sign in with Google/Facebook

Below is the relevant code. The error auth/argument-error is thrown when the method signInWithPopup gets called: import { AngularFireAuth } from "@angular/fire

.detectChanges() not working within Angular test

I've been tasked with writing tests for a chat app developed with Angular. Below is the snippet of Angular template code I'm currently writing tests for: <

Angular http post with HttpResponse

In my angular service (EmployeeService) I have the following: httpPostOption: { headers: any; observe: any; } = { headers: new HttpHeaders({ 'Conte

How to handle ngrx let with many subscribes as ng-container inside ng-container?

I start using ngrx let to using plain objects. The problem is when I use a lot of observables in my component, I end up with the code which is seems bad (ng-con

Ionic 5 ion-tabs hiding in some specific pages

I have created tab pages and included in my app.component.html file by selector my problem is that I want to hide tab in some specific pages can anyone help me

Angular Mock ActivatedRoute using Snapshot and ParamMap

I'm using this, from here: constructor(private heroService: HeroService, private activatedRoute: ActivatedRoute) { } ngOnInit() { const heroId = this.

Why HttpInterceptor wasn't hit under Angular Universal mode?

Simply put, I implemented a HttpInterceptor in Angular under Universal/SSR mode and did the registration, but none of the requests hit this interceptor. First,

Angular onPush does not update child property from parent

I have a child component that looks like this: @Component({ selector: 'app-child', changeDetection: ChangeDetectionStrategy.OnPush, template: ` {{tex