Why is @angular/core/core has no exported member ‘ɵɵFactoryDeclaration’. error thrown when using angular cdk virtual scroller

I installed CDK Virtual Scroller in my ionic 5.3.3 project: npm add @angular/cdk The version is: "@angular/cdk": "^13.0.2" The scroller viewport wraps a ion-item-group: <ng-template #showContentBlock> <cdk-virtual-scroll-viewport itemSize="56" minBufferPx="900" maxBufferPx="1350" > <ion-item-group> <ion-item-sliding *cdkVirtualFor="let test of tests"> <ion-item class="notification-item" lines="none" > <ion-avatar slot="start"> <img src="./assets/tests/tests6.jpg"> </ion-avatar> <ion-row class="notification-item-wrapper" (click)="openTestModal(test)"> <!– <ion-col size="1"> <app-aspect-ratio [ratio]="{w: 1, […]

Why LoadingController throws ‘Overlay does not exist ‘ when trying to dismiss it during an API call

I have a created a service for an custom loading controller with the following methods: async showLoader(){ //Show cutom loader this.loadingController.create({ message: ‘Loading…’, cssClass: ‘loader-css-class’ }).then((res) => { return res.present(); }); } async dismissLoader(){ //Hide cutome loder this.loadingController.dismiss().then((response) =>{ console.log("Loader closed: ", response); }).catch((err) => { console.log(‘Errro occured closing loader: ‘ + err); }); } […]

NullInjector error- No provider for [[Object object]->[object Object]]

When a user selects a row within a item a object (contact) is passed to the openContactModal function: contacts.page.html <ion-item class="notification-item" lines="none" *ngFor="let contact of haematology"> <ion-row class="notification-item-wrapper" (click)="openContactModal(contact)"> The Function is executed in contacts.page.ts openContactModal(contact){ //OPpen contact modal console.log("Open contact modal for contact: " + contact); this.modalCtrl.create({ component: ContactmodalPage, componentProps: {contact : contact} }) […]

HTTP request timeout function not executing according to time passed

I am following this solution to implement a timeout in a http call to a remote server. This is the calling function; if the request returns null then the alert will be put into view: this.service.getAll().subscribe(response => { console.log("home.page: calling servuce for data…data returned is : " + response); if (response != null ){ this.tests […]

Pages loading on top one another when data not fetched in ngOnInit()

I am getting unusual behaviour when routing to a page from a side menu placed app.componment. When the page loads data is called from a remote server in ngOnInit() ngOnInit() { // Fecth data using service, retuns only oe row so departmentTransfion mut be type any and not array[] this.searching= true; this.service.getDepartment(‘Transfusion’).subscribe(data => { this.departmentTransfusion […]

By dancingbush
Categorized as angular, ionic-framework, view Tagged , ,

Why does rjxjs-compact error persist after correct the import

I was trying to implement phone call functionality following this tutorial. I got an error along the lines of ‘ionic-native/core’ missing. I read a solution that suggested I install ionic native/[email protected], which I did but now the app is riddled with compilation errors. The first error is in relation to rxjs-compat/observable Module not found. I […]

By dancingbush
Categorized as angular, ionic-framework, rxjs Tagged , ,

Radio-button checked overriden by ngModel

When declaring a ngModel to a radio group it appears to override the default radio button selection assigned by [checked]="true" <!–Radio buttons for units–> <ion-list-header style="color: white"> Units </ion-list-header> <ion-list radio-group [(ngModel)]="units"> <ion-item> <ion-label>Metric</ion-label> <ion-radio [checked]="true" value= "metric"></ion-radio> </ion-item> <ion-item> <ion-label>Imperial</ion-label> <ion-radio value="imperial"></ion-radio> </ion-item> </ion-list> Therefore there is no checked button by default when the […]

Typescript / Angular Not A Function Error

I am new to angular and typescript and am confused by this error thrown when the function below is called in ngOnInit() : TypeError: this.jsCall.getRemoteJASON is not a function. (In ‘this.jsCall.getRemoteJASON()’, ‘this.jsCall.getRemoteJASON’ is undefined The component imports a service which facilitates a JSON call: import { Component, OnInit } from ‘@angular/core’; import { JSONService } […]

By dancingbush
Categorized as angular, typescript Tagged ,

Still Have Questions?

Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us