Category "angular"

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

How to apply a component's [ngClass] to its child element

Is there a way to allow ngClass to be set on a parent element, but redirect it so the classes are actually applied to a child element? <!-- Parent Componen