Category "angular"

get multiple checkbox value as an array in angular

i'm trying to get values from multiple checkbox here https://stackblitz.com/edit/angular-ivy-uahtjx i try this approach but didn't with for me https://stackblit

Set and update validation on form array in reactive forms

In angular 4 i am creating a form that has a form array like so this.formBuilder.group({ name: ['', [Validators.required, Validators.minLength(3)]], requir

Angular 4 date pipe displays wrong date because of time zones - how to fix this?

I have a date value in each of my objects that I can Print like this: <td> {{competition.compStart }}</td> And here is how it looks: 1931-05-31

nativescript-websocket how to create "Advanced Interface" in Angular Nativescript

I'm not able to create the "Advanced Interface" of nativescript-websocket in Angular/Typescript, I need it to use a custom sslFactory to trust all certs. The p

DigitalOcean Apps Angular static site returns 404

I'm trying to deploy an Angular app on DigitalOcean's Apps as a static site. I don't use the Dockerfile. As an Apps plan, I choose basic. For my backend nestjs

How to convert Observable<any> to array[]

I have following method in typescript, I need to bind to angular grid CountryService GetCountries() { return this.http.get(`http://services.groupkt.com/co

firebase.auth().currentUser is null

I'm trying to retrieve the UID of the current logged-in firebase user in my Angular 4 app. Though, if I'm logging 'firebase.auth().currentUser' to the console I

How to skip a step if a condition is met in a previous step - Stepper | Angular Material

How do I skip a step using a true/false condition of a variable present in a few steps back?

Angular: Component from a shared module not being recognized

I have an app with 2 modules so far: "Shared" and "Web". All my components in web are working fine. I just created a simple component in the Shared module si

How to handle window scroll event in Angular 4?

I can't seem to be able to capture the Window scroll event. On several sites I found code similar to this: @HostListener("window:scroll", []) onWindowScroll()

how to change the border colour of ng-select component to red?

The select component in my angular html template is displaying fine. However I want to display this component with a red border, currently it is displayed in gr

Angular ngStyle for multiple styles

I am working on a simple animation library where my user can modify my component using property binding, so far I have been doing the following to apply their c

Angular ngStyle for multiple styles

I am working on a simple animation library where my user can modify my component using property binding, so far I have been doing the following to apply their c

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