Category "angular"

NullInjectorError: No provider for InjectionToken angularfire2.app.options

I'm trying to insert the form data in cloud Firestore database. Below is my x.component.ts file in which I'm getting error at constructor where I'm writing priv

Ionic keyboard.isVisible property does not control element visibility properly

After many years of reading your answers I have my first question. SITUATION In Ionic Angular (v5.3.1) mobile application I'm trying to do simple task - hide el

Lazy Loading, no chunks - Angular 7

I'm trying to do Lazy Loading, and followed the steps in the official docs of angular. The problem is that there is no chunks that is showing. Is there any ste

display div on top of ngx-mapboxgl map

I'm trying to use ngx-mapbox-gl in an angular 7 app for the first time and am experiencing something strange with the map. I want to display some text and a but

Dualboot Angular13 and Angular1: cannot downgrade injectable services with parameters

I have dual boot with Angular 13 and Angular 1. The app is built with webpack v5. The tsconfig has key "emitDecoratorMetadata":true. After install I run NGCC on

Error Uncaught TypeError: e.target.className.indexOf is not a function at HTMLDocument.mouseup (translator.js:433) in angular

I have one modal bootstrap, when i click in one svg to edit my data i receive: Uncaught TypeError: e.target.className.indexOf is not a function at HTMLDoc

How to detect browser close event or tab close event in angular 6+?

I have written @HostListener in my AppComponent Class to detect browser close or tab close. I have written this code but it is not working. Kindly help me unde

Why Intro js disableInteraction doesn't work

I have created a tour and I want the items highlighted to be clickable so I added attribute disable interaction to the tour but the items are still not clickabl

Dynamically Add tabPanel to tabView in PrimeNg

I wanted to have a 'Add Tab' button, on clicking that button i want to add a new Tab(tabPanel) to existing list of tabView. Till now i am able to achieve the ad

Dynamically Change colour/css styling of Disabled text boxes based on boolean value

<label [invalid]="false" invalidText="" placeholder="Placeholder text"> Middle names (optional) <input ibmText [attr.disabled]="isApplicationLo

How to disable "Leave site?. Changes you made may not be saved" pop up in angular?

I'm trying to close the browser after I have reached a order confirmation page and it throws a alert as shown below. This creates a misconception to user that h

How to implement Implicit Flow for Angular application using IdentityServer4

I have been reading the Quickstart from IdentityServer4 and still have some doubts on how to implement the Implicit flow for a SPA. My setup is the following:

textarea with angular material not size properly on launching page

I'm facing a weird issue that I cannot understand. When one of my page is displaying I have my textarea cut as we can see in this image But when I resize just

Uncaught Error: The injectable 'PlatformLocation' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available

My Angular application is served via Node 16.14.2. After trying to upgrade my angularjs application to Angular 13, I'm receiving the following error: bundle.js

How to hide background contents of window.open while printing in Angular

I have running Angular 12 application and I am integrating the behavior to print report. I am able to achieve the print on button click which opens a new window

Hiding a mat data table column in angular 4

<ng-container matColumnDef="jan"> <mat-header-cell [hidden]="true" *matHeaderCellDef style="font-size: 65%" class="white-text" fxHide [fxShow.gt-md]=

How to clear an Angular reactive form input values

I have a simple reactive form set up like this constructor(private scheduleService: ScheduleService, fb: FormBuilder) { this.searchForm = fb.group({ from: ["

Unicode characters in Angular binding

There are some answers on how to display Unicode character codes in Angular bindings, but I'm trying to display one dynamically and everything seems to fail. I

Beautify Xml with Angular

I'm trying to beautify a xml throught the package avaible in npm repositories (vkbeautify and xml-beautifier) to display into the html but is not working (I tri

Dynamically update doughnut chart with NG2Charts

I am working on a project where I am making a calculator of macronutrients. I have a form to enter the values and it displays a doughnut chart, with its initial