Category "angular"

How do you load Components dynamically in Angular 13?

I was tasked to update an Angular library from 7 to 13. This Library used Compiler and ComponentFactory to dynamically load Components. But those classes are no

How to deploy my app to heroku when i have two different folders

I have a project with two defferent folders. One is frontend the another is back-end. I want to deploy this both folders on one heroku app. In the server.js i h

Highcharts stacked column ommit smaller values

The screenshot below represent the same series. In the stacked column version (chart on the top of the screenshot), small values are missing (but exists in the

After update to angular 13 my tests are not running

When trying to run my tests after migrating to angular 13 I get the following error. The tests were running just fine in angular 12. START: 07 02 2022 16:10:25.

Installing Angular on Mac OS 10.13

I'm trying to follow the quickstart on running Angular locally (on MacOS 10.13.6). With the first command, I already get some errors: npm install -g @angular/c

how to render toastr within angular?

How do you import toastr into an angular app? I'm following the Angular Fundamentals course, and attempting to simply display toastr.success from within my exp

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/