Category "angular"

ngx-charts-bar-horizontal data label formatting

I'm using ngx-charts more exactly bar-horizontal. What I'm trying to do is to format data label and add % at the end. I have tried to use [xAxisTickFormatting]

When Updating to HttpClient: Uncaught in Promise/Http Failure during parsing

In my angular app I'm updating from Http to HttpClient, which doesn't seem to work when working with Promises. It seems like you need to use a little 'work-arou

Angular: cdkVirtualFor not rendering new items

I'm building a vertically scrolling calendar. I'm getting the initial days to load, but when new days are added to the list, they aren't being rendered. <c

Angular Material card shadow colour

Is there any way to change the colour of the shadow which is dark under the card? If any solution please let me know or any other workaround is appreciated!

Angular 2 Material tooltip with HTML content in angular

I am trying to bind the HTML strings into angular 2 tool tip. But it's rendering as HTML it showing as a plain string. Is there any way to do render string as

The pipe 'ngrxPush' could not be found

I am new to NgRx and I have being learning for the past week. So, I was trying to check the Push Pipe and let directive. According to NgRx Documentation the ins

Angular - Connects to Proxy server and gets response but then shows Error occured while trying to proxy to: localhost to actual server

I'm new to Angular(2,4). I was trying to connect to proxy server. Added proxy.config.json in project root directory { "/api/*": { "target": "http

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