Simple Angular Event binding Example

To set a specific action in button event, we use the event binding syntax. In this post we will see how to set this on a button. Syntaxe : The event binding will listens for the button’s click events and calls the component’s save() method whenever a click occurs. (click) : when the user click […]

En Lire Plus

*ngIf : Showing an alternative template using else

*ngIf is used usualy to verify some condition before showing and element in template. In this post we will show you how to use *ngIf with else condition. we will start with creating a div : Now we will add an else block : For more organization : if the condition is TRUE we will […]

En Lire Plus

(SOLVED) How to Share Data between Angular Components ?

How to Share Data between Angular Components ? its a common question asked by angular developers… Data sharing is an essential concept to understand before diving into your first Angular project. In this tutorial, we will show you the most used methods for sharing data between Angular components. Of course , if we talk about […]

En Lire Plus

(SOLVED) 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 : 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

Angular – routing with multiple query parameters

The Angular Router enables navigation from one view to the next as users perform application tasks. If we need to pass one or more query string parameters to our next view component, we need to divide our parameters into the routing path with ‘/:’ For example, our app.routing.ts should contains: And into the ngOnInit() method of the HomeComponent.ts […]

En Lire Plus

(SOLVED) getTime() is not a function ?

getTime() is not a function : if you are using the function getTime() and you have this error (in javascript / Typescript ) that mean you are using the date as a String , so as a solution you must parse the Date. See the next example to understand how solve this !Solution :

En Lire Plus

How to convert date into this ‘yyyy-MM-dd’ format in angular 2

If you want to convert current data into ‘yyyy-MM-dd’ format in .ts file. just see this tuto : In template: (.html) in typescript: (.ts) The date can be converted in typescript to this format ‘yyyy-MM-dd’ by using Datepipe and just add Datepipe in ‘providers’ array of app.module.ts. Like this: Read also : How to get […]

En Lire Plus

Déploiement d’une application Web avec Angular 7 et Spring Boot 2

Déploiement de l’application dans Tomcat Cette partie de l’article va se consacrer à la présentation du déploiement, sur un système d’exploitation Windows, de notre application Library (front-end et back-end) dans un serveur d’application, en l’occurrence Tomcat. Le déploiement que nous présenterons ici suivra un processus manuel, mais représente très exactement ce que des outils d’intégration […]

En Lire Plus