Category "angular"

How to close the payment interface if the payment failed in Stripe Google pay?

Need to close the payment interface if the payment fails. Now it showing error instead of close. paymentRequest.on('paymentmethod', function(ev) { console.l

angular-cli different versions in the same computer

I'm working with Angular2 in several projects. Each of this projects uses a different version of angular-cli, so, I need to be able to run and compile for produ

Cypress: How to properly close a mat-select

So I'm using Cypress for testing our Angular application, but for some reason I always have an issue with closing mat-select components which are multiselect. H

Angular: Swiper carousel is not working - Error: node_modules/swiper/angular/angular/src/swiper-events.d.ts

I am trying to create a carousel in angular using swiper (https://swiperjs.com/angular). I get this error: Error: node_modules/swiper/angular/angular/src/swiper

Bootstrap Table in Angular 12

i create a table with bootstrap; im using angular 12, when i use only one component with table head and body works fine, when i create another component with ta

Jest Angular svg template

I have several components in my Angular 9 app that have their templates defined in svg file like templateUrl: './eye.component.svg'. When I run tests it errors

Get current route without parameters

I need to get my current route without params in Angular 2, I found a way to get the current route with params as follows: this.router.url and then split it

Where is the file angular-cli.json in the new @angular/cli version?

I'm new in angular2 and i have tried to create a project with cli, but when I try to change the css adding it in angular-cli.json, I have detected that this fil

Angular 13: Dynamic Html with data binding

My Requirement is to bind data to dynamically added HTML content. for i.e, app.component.html <div> <p> {{data.name}} </p> <div cla

Angular 9 compilation errors after migration from Angular 8

I migrated my angular app from version 8 to 9. After running ng serve --open, my app opens in the browser and gets stuck at the loading screen with this error

How to enable experimentalForceLongPolling in @angular/fire

There is an issue with Cypress and Firebase, based on some research I've done here it seems that Cypress intercepts all network requests and due to the nature o

@use is coming soon, but it's not supported in this version of Dart Sass

I am running ng serve with an Angular cli project which includes Sass. I have been using @import and @include with no problem, when I added @use, the terminal t

Remove all items from a FormArray in Angular

I have a form array inside a FormBuilder and I am dynamically changing forms, i.e. on click load data from application 1 etc. The issue I am having is that all

Dynamic Routes of RouteModule when using Module Federation Plugin

I'm developing a microfrontends application, using Module Federation Plugin. The routing of application container is: const routes: Routes = [ { path: 'lo

ngx-contextmenu - this.overlay.position(...) connectedTo is not a function

I am using ngx-contextmenu 5.4.0 and recently upgraded angular version to 13. After upgrade context menu was not visible and was throwing following error. I tr

How to determine previous page URL in Angular?

Suppose I am currently on the page which has the URL /user/:id . Now from this page I navigate to next page :id/posts. Now Is there a way, so that i can check

Angular google authentication with firebase

I want to create simple login authentication with google using firebase. I have installed angular CLI: 13.1.4, firebase, firebase: 10.1.1 & @angular/fire

AngularFireFunctionsModule from AngularFire Causes build errors

I've run into a bit of a snag when adding in the AngularFireFunctionsModule. For some reason, despite having successfully included AngularFireModule, AngularFir

Angular 8 & Angular Material: Drag Scrolling with CdkDropList item

I'm trying to provide scrolling while dragging a cdkDropList item. As of right now the page can't scroll without using the mousewheel to scroll. I was hoping to

Primeng table p-table,set conditional column editable

I am using Primeng p-table control in my angular 7 application. Below is the html code I am using: <p-table [value]="data" [reorderableColumns]="'true'" [co