DatePipe shortDate format display using US date style MM/dd/yyyy. What to do if we want to display Date using European format dd/MM/yyyy ??? Solution : From Angular2 RC6, you can set default locale in your app module, by adding a provider : The Currency/Date/Number pipes should pick up the locale. You need to import LOCALE_ID […]
forEach() method calls a function for each element in the array. if youhave an Array of elements and you need to call every element and do some treatment you can use forEach. Syntax : callback : Function to test for each element. thisObject : Object to use as this when executing callback Lets see the following 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 […]
*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 […]
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 […]
To deploy and angular (2,8,…10) front-end application with a Spring boot Back-end follow the steps below : 1. Build your angular application First you have to build your front with the command line ng build, for that open a new Terminal in the angular project and run : after running this command , you will […]
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 […]
Angular how to set min or max date in input type date ? How to set date input field’s max date to today ? Solution : You have to add this your TS file : Then in your template you add : Source
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 […]
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, […]
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 […]
Disable Input fields in reactive form from type Script If you want to disable some input of your formBuilder from the TS File , you can use this code : Or
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 :
if you need to get the difference between two dates in days. you can use this function : if you are using the date as a String you can have this error getTime() is not a function ! so if you have this error try this solution
Problem How to have a default option using angular 2 ou plus ? Solution if you have a select and you want to set a default value using angular , Add a binding to the selected property, like this : Read also : How to click on html button from the type script file in […]
Problem if i have this code : How can I select the default value from typescript for example 45 ? Solution You can do this :
How to click on html button from the type script file in Angular 2 ? Some time we need to click into a button from the ts File to run one action, to do this you can try this solution (even if it is a hidden button) : Solution : On ts File use the […]
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 […]
current year angular 6 : Try this code :
Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’ The solution of this problem is : import FormsModule and ReactiveFormsModule in your module. Lire aussi : Solution for : No Provider for FormBuilder