Currency pipe parameter to obtain the format 000.000,00

I’m trying to use currency pipe to turn 123456.78 into 123.456,78. I want the dot to separate thousands and comma before decimal (italian currency format), but I can’t find the correct combination of parameters. Can someone help me? Thank you Source: Angular Questions

By Matt
Published
Categorized as angular, currency, pipe Tagged , ,

searchInput in ngSelect can not auto focus

I want trigger my searchInput in ngSelect auto focus but it doesn’t work. Below is my code. File template <span #addTopic class="w-100 d-block text-truncate" (click)="openDropdownTopic()">Add Topic</span> <ng-select #dropdownTopic [items]="topics" [addTag]="true" class="ng-select ng-select-sm" bindLabel="name" bindValue="name" formControlName="name" addTagText="Add topic" > </ng-select> File typescript @ViewChild(‘addTopic’) addTopic: ElementRef; @ViewChild(‘dropdownTopic’) dropdownTopic: NgSelectComponent; openDropdownTopic() { this.dropdownTopic.open(); this.dropdownTopic.searchInput.nativeElement.autofocus = true; } Details: […]

By Matt
Published
Categorized as angular, angular-ngselect, html, typescript Tagged , , ,

How do I clear cached pages on signout in an ASP.Net Core + Angular project?

I have an asp.net core application with an Angular 12 project inside of it. Whenever I sign-in the browser will cache the page that I initially try navigating to. Upon log-out, if I try to navigate to that same page it will not re-direct me to login because it tries to fetch the cached copy […]

Free Drag with cdkDropList

I’m working on a project where I need to implement some sort of drop zone where you can drag element from a list, then drop them in a zone where they can be dragged freely. I also would like to use a cdkDropList for the zone, because it provides all the tools for connecting lists. […]

By Matt
Published
Categorized as angular, drag-and-drop, html, javascript, typescript Tagged , , , ,

Angular 13 Multiple Entry Points Code Coverage

I have a workspace I scaffolded with @angular/[email protected] and it has multiple ‘projects’ in it. If I run ng test <main project name> it will combine all of the tests from each entry point into a single bundle and run them all at once. This is great, it only takes ~30s to do this. I […]

By Matt
Published
Categorized as angular, karma-coverage Tagged ,

How to make a drag and drop board in Angular

is there a way to make a drag and drop board in Angular ? What I want to do is having a column on the right with a list of elements that you could drag in a div on the left, and they would get copied in the left box and be able to be […]

By Matt
Published
Categorized as angular, drag-and-drop, javascript Tagged , ,

Better use a main style.css or shadow dom?

I’m creating a new Angular project; me and my colleague have different ideas about how manage styles. I’m wondering if it’s better use just style.scss (also if it becomes a big file) or create a css per component. We don’t need a specific styles for a specific component. All components, and HTML elements inside them, […]

By Matt
Published
Categorized as angular, css, shadow-dom Tagged , ,

AOT compilation in Angular 12

Angular documentation states: *Ahead-of-Time (AOT), which compiles your application and libraries at build time. This is the default since Angular 9.* So if I want to compile for production my Angular 12 application with AOT I just need to type ng build without adding –prod and without adding specific configuration neither in angular.json nor in […]

By Matt
Published
Categorized as angular, angular-aot, aot, build Tagged , , ,

Run ESLint during commit on Angular projects

I configured Eslint on an Angular project to check the code during commits. I made an error on purpouse to test if my configuration works: I set the rule "no-console":"error" and I left a console.log() inside the code. When committing ESLint gives me this error: … ✖ eslint –fix: C:projectsrcappapp.component.ts 12:5 error Unexpected console statement […]

By Matt
Published
Categorized as angular, eslint, git-husky, husky Tagged , , ,

Angular 12 is taking over routing for ASP.NET Core 3.1 Razor Pages

I have an ASP.NET Core 3.1 application with existing Razor Pages that I have been migrating into an Angular 12 app. The problem is that sometimes when navigating to a razor page, the Angular app takes over the routing and fails to find the route since it does not exist on the Angular side. In […]

By Matt
Published
Categorized as angular, asp.net-core, razor Tagged , ,

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq