Category "angular"

Breaking changes after upgrade to Angular 13

I have a filter i use to allow my users to go and apply a filter to a specific key an the data. User selects fieldname from dropbox and then goes and provides v

angular and rxjs - removing properties from object

I have an endpoint that returns the following object properties: { "id": "1", "department": "sample", "address": "sample", "email": "[email protected]",

I am trying to merge two properties along with validation pls help me

concernForm = this.formBuilder.group({ voucherId: [null, [Validators.required,Validators.pattern(validationProps.nonwhiteSpacePattern)]], customerId: [nu

What's the point of writing unit tests with mocks, if it cannot catch changes in the source code?

I started writing unit tests recently. When I try to test the service of the Angular component, I usually mock it. Therefore, if someone deletes the line of the

Angular 10 auxiliary router outlet not working when placed in lazy loaded module

I have a problem with second router outlet when it's created in lazy-loaded module. I started with this example where auxiliary routes https://stackblitz.com/ed

Cluster labels are not visible - ArcGIS javascript API 4.19

When we remove any layer from the group layer after that label are not visible for all layers. We tried to 'loadAll' method group layers still issue is there. I

How to use control-value-accessor in storyBook?

I have a custom input component and want to create story (using storybook) input.component.ts @Component({ selector: 'app-input', templateUrl: './input.comp

JIT compilation failed for NgModule class

Here i got an Error like JIT Compilation failed and needed to flag some -aot and etc.. stuff

Why does Angular trigger ChangeDetection on parent components on DOM events despite OnPush strategy?

trick question I haven't found any answer in the documentation yet. OnPush strategy is known to trigger ChangeDetection in the following cases : when a DOM even

Angular 9 | NgxSpinner: Overriden methods aren't working

I'm triying to override show and hide methods from NgxSpinner to prevent the short-time display spinners when the process lasts too little time. This is my code

How to customise the color of leader line (line that connects graph and label) in a pie chart (Amcharts v4)

I made a pie chart using amcharts v4. The background color of the div containing the pie chart is a dark color and the leader line (the line that connects the g

Error when adding Datepicker to a remote component in module federation

I am trying to use datepicker within an remote component using module federation and am getting the attached error message. Troubleshooting steps tried Added @

How to add space between header and body table in Angular Material 13?

How can I add space(margin) between header and body in a angular material table? I tried at first with this solution but it didn't work. demo: https://stackblit

Uncaught Error: Type HttpClient does not have 'ɵmod' property

I'm creating a news app referring this link https://www.youtube.com/watch?v=D8J9QUwTWmU&t=3s&ab_channel=CodeXpression getting error while checking it fi

Why mat table not detecting chage

I am working on mat table, for one of cell, <!-- Bid Column --> <ng-container matColumnDef="bid"> <th mat-header-cell *matHeaderCellDef> BID

How to add styles to angular component? (every second element)

I have a question about adding styles to Angular components. e.g I would like to have every second angular component in a list to have red background-color. How

CSV file with non-English characters error in postman and angular http request

I have uploaded a CSV file with some german words. I can access the file via this link . When I try to get the file via postman, the response is not fully utf

error NG8002: Can't bind to 'dep' since it isn't a known property of 'app-add-edit-dep'

i am very new to Angular and trying to follow an anugular tutorial where he passes an object to app-add-edit-dep component on a modal in show-dep.component.html

Hide nav menu when on login page in ANGULAR

I have a routing module that has a LoginComponent on the login page I want to hide the <app-nav-menu></app-nav-menu> when not logged in. I have trie

Module Federation - Uncaught SyntaxError: Unexpected token ':' Angular 13 while consuming MFE

I am trying to consume an MFE using webpack 5, module federation with angular 13. However when I run the application I am getting below error. Uncaught SyntaxEr