Category "angular"

Pass CSS value with ngStyle

I've got a service sending a value, which I need it to be passed to the CSS file so I can control how much a meter gauge moves. The value is between 0 and 0.5,

DevExtreme components dxo-popup

Im using DevExtreme DXO-editing with the mode = popup, and popup dxo-popup, the popup is loading, data is getting binded, i have some custom dropdowns so had to

How do I make sure one Subcription finishes before another?

globleVariable: any; ngOnInit() { // This doesn't work. methodTwo throws error saying "cannot read someField from null. " this.methodOne(); this.me

How do I sort a material table with favorites on top?

I wanted to sort a mat-table (or MatTable for the search engine) in Angular with the "favorite" items on top. I want the favorite items to always be the first i

Need help calling a function from parent component in angular

Need to call function from app component to ALL child components, I cannot make it work with output, nor emitter, nor viewchild. Parent component import { Compo

infinite loop on loading workDays ejs-schedule

I am trying to load working days through a function, I need to load days by calling a function so that I can validate which days it works. For all other parame

Angular:.Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema

I just startred programing and in my first project on Angular i tried to use ng serve an then this error come out: initialized using a configuration object that

Translate mat-tab with i18n

I am using angular material tabs and I would like to know how could I translate the text of the tag using i18n. The structure of the tab is as follows: <mat-

Error: Export of name 'ngModel' not found

After building my angular project i get the error: Error: Export of name 'ngModel' not found! I have my UI running in a docker container not even sure where

Angular Material custom form field doesn't show mat-error

I thought I have almost the same example but somehow the control tricks me :-/ <form [formGroup]="form"> <app-ref-urlcheck [maxLen]="20" formContro

How can I format the Angular Material datepicker without moment.js dependency

What do I want to achieve? I want my Angular Material(v11) datepicker to use the DD-MM-YYYY format in an Angular version 11 project. What have I tried? I tried

Angular - Count all dates per month & return month & count array

Basically counting records per month, where each record has a Create Date. Need an array that contains month name + count as variables. Only managed to do it wi

Suggested architecture for a project with 2 Frontend applications (Blazor Server and Angular) with EFCore, Identity, Mediatr

I am currently working on a school project with a classmate. We've decided on making the classic setup of an Administration-client (Blazor Server) and a Member-

How can I get data from service in Angular interceptor?

I want to add my authentication token in the request header in my auth.interceptor.ts and I'm keeping the authentication token value in my auth.service.ts. Here

Replacement of deprecated MediaQueryList.addListener() event in Angular 8

As the mozilla developers docs says MediaQueryList addListener is deprecated. I'm using it in my Angular 8. Though it's working it's linting warning in VS Code

Angular / Ionic mobile app ios does not fetch from Firebase using angularfire

I am trying to test a little Ionic/Angular sample app on an iOS Emulator. On the web, all the requests to firestore using angularfire work perfectly fine. Someh

Validation Error in FormGroup level not working

I have a custom validation in the FormGroup level as defined below: this.createForm = this.builder.group({ pass: this.builder.control('', [ Validato

FormsModule Not Working Properly in Different Module Than App Module

i have FormsModule present in SharedModule.. import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } fr

Angular karma code coverage report folder not generated

When I run ng test --code-coverage, The coverage report is sometimes not generating, sometimes it is generating so I'm unable to verify the coverage statement a

Why I got empty object on Angular route?

Why I got empty object from ActivatedRoute params and how to fix that? routeId$ = this.route.params.pipe( tap((params) => console.log(params)), // <