(Solution) : Angular 2+ DataTable / DIV to PDF File

if you want to generate a pdf file from datatable / Array or content in HTML Div : run this : 2. import : 3. create the datatable or the content to print in html div: 4. Create a button to generate PDF and put the as click action “generatePdf(contentToConvert)” 5. Finaly past this function […]

En Lire Plus

Angular 10: what’s new ?

The new version of Angular, Angular v10 is officially available since June 25, 2020. With this new update of the framework, the Angular team continues to improve the framework and offers updates to the ecosystem, but also a review of various points that I present to you in this article. Since the release of Angular […]

En Lire Plus

The lifecycle of an Angular component

When developing an Angular application, it is important to understand how components work, including their lifecycle. This lifecycle is managed by Angular, so it’s Angular that will create the component, render it and finally destroy it when necessary. ngOnChanges: it is called when an input is defined or modified from the outside. The status of […]

En Lire Plus

Angular – NgRx : Introduction !!

Les fondamentaux de NgRx, avec des exemples de code Quand j’ai commencé à travailler avec NgRx, j’ai été confronté à une courbe d’apprentissage abrupte. Il a fallu pas mal de lecture et de recherche pour comprendre les éléments de base de NgRx. L’objectif premier de cet article est de transmettre les connaissances que j’ai acquises […]

En Lire Plus

What is impure pipe in Angular ?

I am unable to understand impure pipes, some what better with pure pipes. Please explain with a simple and basic example ? Anser : A pure pipe is only called when Angular detects a change in the value or the parameters passed to a pipe. An impure pipe is called for every change detection cycle no matter […]

En Lire Plus

Solution for : net::ERR_CONNECTION_REFUSED in Angular

net::ERR_CONNECTION_REFUSED : I’d like to access an API server, but the server hasn’t started. Then I got the error : Could I handle this according to the status of the response ? Solution 1 : Solution 2 : If you are using spring for the backend , just add the annotation @crossorigin in your rest controller to […]

En Lire Plus

ANGULAR 9 : NOUVELLE VERSION ET AMÉLIORATIONS DU FRAMEWORK

Google est vraiment en train de se rattraper et a réussi à stabiliser le framework Angular (On se souvient de la catastrophe entre Angular 1 et Angular 2). Une chose est quasiment sûre, c’est qu’avec une nouvelle version tous les 6 mois, Google annonce clairement son intention de faire d’Angular un framework stable et mature. […]

En Lire Plus

TypeScript : how to sleep a thread ?

If we need to sleep e thread, we can implements a delay method that returns a Promise object (which represents the eventual completion, or failure, of an asynchronous operation, and its resulting value) and through the setTimeout method (that sets a timer which executes a function or specified piece of code once after the timer expires) resolve […]

En Lire Plus

Angular : HTML to PDF with htm2canvas and jsPDF

Angular HTML to PDF htm2canvas jsPDF : Sometimes we need to export our HTML page into a PDF file. So how can we do this? There are two helpful tools that we can use to do this. The first is jsPDF that help us to produce a PDF file from an HTML content. The following is the […]

En Lire Plus

Asp Net Core 2 – Angular: download file from Controller

If we have an Angular client app that needs to download a file (for example a PDF file) from an Asp Net Core 2 api Controller , we can follow what is described in this post. The first implementation is on the server side (an Asp Net Core 2 Controller). So, for example into our controller UserController, […]

En Lire Plus

Type Script : sum of object properties within an array

If we need to sum a simple array, we can use the reduce method, that executes a reducer function (that you provide) on each member of the array resulting in a single output value. For example: But if we have an objects array like the following: We need to use the map method (that creates a new array […]

En Lire Plus