Category "angular"

Angular strongly typed reactive forms

I'm looking to refactor a large set of components in my Angular project to have strongly typed FormGroups, FormArrays, and FormControls. I'm just looking for a

Why kendo dialog is not generating on click event while we use change detection strategy in nx based angular project?

I am using kendo dialog in nx-based angular application with "ChangeDetectionStrategy" to add employee details. In the dashboard component I have first kendo di

how to get json data and print on console using angular

{ "appInfo": { "entityName": "Furnitue", "email": "", "appName": "appsw" }, "generatedEntity": { "fluentMethods": tr

How to add pull to refresh on angular8

I have an angular web application which is converted into Android App using a capacitor, I would like to add pull to refresh functionality, when I searched on t

Angular 2 - How to upload file and store in local folder

For example, I created a folder called 'upload' under src folder. html file: <div> <input type="file" id="photo" (change)="onChange($event)" />

"Scrollable" mat dialog with component

All I found about scrolling the dialog is about the overlay, but it is to describe the behavion off the dialog, but I need to scroll the content inside of it th

How to animate :enter & :leave transitions conditionally in Angular?

I have a list, where the items have an animation like this: <li @animation> And this is my animation trigger: trigger('animation', [ transition(':en

502 Bad Gateway for Proxy Pass to HTTPS API server sitting behind Cloudflare Proxy

My current configuration is as shown below. I have frontend delivered from EC2 instance on VM1. The HTTPS API server is on VM2 proxied by Cloudfare. If I call t

How to get full base URL (including server, port and protocol) in Angular Universal?

I need to get the full base URL (e.g. http://localhost:5000 or https://productionserver.com) of my Angular 2 app so that I can pass it along to a 3rd party serv

How to get the url segment within a CanActivate guard

I am using a guard to make sure users authenticate before reaching the page they request. A particular use case foresees that a user enters a url with some que

Replace deprecated Angular ComponentFactoryResolver, ComponentFactory

I create dynamic components in an HTMLElement with the following code: import {ApplicationRef, ComponentFactory, ComponentFactoryResolver, ComponentRef, Injecto

Angular dynamic template rendering like ui grid cell template (template declared in colDefs of parent)

Angular (7) dynamic template (ng-template) rendering like ui grid cell template (template declared in colDefs of parent); I tried in so many ways since more tha

Changing tabs in Angular Material using Cypress

I have an Angular Material tab group on my page. I have to test changing of tabs using Cypress. When the page loads the user is on the Basic Information tab, I

How can Electron communicate with its Angular-Frontend?

I'm running an Angular Frontend within a frameless Electron-Window. Because the window is frameless, I need to implement the minimizing/maximizing/unmaximizing/

Spy on the result of an Observable Subscription with Jasmine

I am Jasmine unit testing an angular component, which uses Observables. My component has this lifecycle hook that I am testing: ngOnInit() { this.dataService.

Correct approach to enable or disable sidemenu on certain pages in Ionic 3?

I have gone through this SO link Ionic - How to remove sidemenu on login page only? and tried the solutions provided here. Based on the solutions provided in t

prevent click event on long press

I have the following angular2 template: <div (click)="foo()"> <img (longPress)="bar(1)" (click)="foobar(1)" /> <img (longPress)="bar(2)" (

How do you get the module of a component that's been dynamically loaded in Angular v13?

In v12 you could use the following code to load/import a component dynamically, access its NgModule through ComponentFactory and then add it to the DOM using Vi

Why does ngrx/store example app use multiple stores? (how to design store)

I am trying to make a rather big, scalable application and I was told it is best practice to have one single store storing the current global state (including b

Type 'FileOriginal' is not assignable to type 'Provider' when trying to use Native File in Ionic

I'm attempting to use PDFMaker for my Ionic 5 project. 1 prerequisite is to use the Native File and FileOpener. When I try to import the module, I get the below