To integrate Camunda with Angular Single Page (Version 6 / 8 / 9)Try this Git repository : Camunda + Angular https://github.com/marwenmselmi/camunda-angular-6-8-9
Catégorie: Angular
Type Script(9)
How to check if value exists in enum in TypeScript
Solution : If you get an error for: Property ‘values’ does not exist on type ‘ObjectConstructor’, then you are not targeting ES2017. You can either use this tsconfig.json config: Or you can just do an any cast:
Solution for : An unhandled exception occurred: Job name “..getProjectMetadata” does not exist
Problem : When I start to run my Application, I get this error: I have these versions: Angular CLI: 8.3.19, Node: 12.14.0. Any Idea what causes this problem ? Solution It is a problem with @angular-devkit/build-angular. Try updating it by running : 2. Or downgrading it by specifying a previous version, such as
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 […]
Solution for : Access to XMLHttpRequest from origin has been blocked by CORS policy
If you have this Error , when you are trying to consume an API using Angular and Spring The solution is : Jusd add the annotation @crossorigin in your RestController to allow your frontend consuming the API Read also : Solution for : net::ERR_CONNECTION_REFUSED in Angular
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 […]
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. […]
Solution for : Angular 2+ how to set min or max date in input type date
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
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 […]
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 […]
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, […]
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 […]
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 […]
Disable Input fields in reactive form from type Script
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
Solution for : getTime() is not a function ?
getTime() is not a function : if you are using the function getTime() and you have the error getTime() is not a function (in javascript / Typescript ) that mean you are using the date as a String , so as a solution you must parse the Date. for that you can use this function […]
Solution for : TypeScript – Get difference between two dates in days
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
Solution for : How to have a default option in angular 2+
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 […]
Solution for : Select default option value from typescript angular
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 ?
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 […]
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 […]