Category "angular"

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

Chartjs bar chart blurry when height is set

I am using chartjs 2.7.3 and I have a problem when setting the size of the div that encloses canvas the image is blurry and letters are not visible like the scr

Issue: No 'Access-Control-Allow-Origin' header is present on the requested resource

My problem is that I can't access to GET method from my Angular app because of the issue: Access to XMLHttpRequest at 'https://localhost:44337...' from origin '

Cordova 9.1 Android Application white screen for Android 10- (works for Android 10 +)

I created a small angular application where I added Cordova to generate a web and android application. Everything was ok when I used angular version 6 and Cordo

node.js not found (but installed) when compiling the default angular project in Visual Studio 2019

I've created in Visual Studio 2019 a default Angular project with .NET Core 3.0. When I build the project and run it, I obtain the following error: error : No

webpack-dev-server error after migrating to angular 13

After my migration from angular 12 to angular 13, i am getting the following error in the console: Also if i change something in my code the browser does not r

Angular 2 - Does ngOnDestroy get called on refresh or just when navigate away from component?

I am trying to figure out if ngOnDestroy in Angular 2 gets ran on a refresh or just when someone navigates away from the page?

TypeScript TS7015: Element implicitly has an 'any' type because index expression is not of type 'number'

Im getting this compilation error in my Angular 2 app: TS7015: Element implicitly has an 'any' type because index expression is not of type 'number'. The piec

Show div if no data in api response Angular

If not data is received on api response, it shows a div. Is the below the best way to do it? At the moment if I click on my search button with the getAll() meth

How to test a component with a renderer in the constructor

Consider this code: import { Component, OnInit, Renderer, OnDestroy } from '@angular/core'; import { TranslateService } from 'ng2-translat

How to test ng-web-apis/geolocation Observable in angular 8?

I'm trying to test a simple angular 8 service that gets user location using GeoLocation Service from Web APIs for Angular public enableGPS() { if (!this.lo

Input binding not working on custom made angular library

I've built an Angular library that I can import into outside applications. Withing my library exists a component called 'MainComponent' that has a single @Input

Input and outputs, how to work with them to follow the naming convention of the Angular 2's styleguide?

Before I knew any better I used to have my directive defined like this: ... inputs: [ 'onOutside' ] ... export class ClickOutsideDirective { @Output() on