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 […]
We suppose that we have : And we need to check if the value of X is null or undefined . if we use TypeScript< 2.xx you can do like the following example : Else if you are using TypeScript > 2.0 then you can do like that : If condition with !! to check […]
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 […]
If you want to check if the data returned by our service is an Array or a simple object we can use the Array.isArray(**) function Example : here we added [data] when the service returns an object to make sure that we are affecting an array to our dataSource
If you need to insert an HTML element like one <div> or any other element before an existing element in the HTML Document you have to : 1. Get the element by ID : 2. Create the HTML element 3. Insert the element Here we will use insertBefore function to insert the created Div before the recovered Table. If you want […]
If you need to delete an HTML element like one <div> or any other element existing in the HTML Document you have to : 1. Get the element by ID : 2. Delete this element : If you need to insert an HTML element like one <div> or any other element before an existing element , try this simple […]
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 […]
Problem : I need to convert an object to a map to get the values of key dynamically Solution : The Map constructor takes an array of key-value pairs. Object.entries is a new Object static method available in ES2017 (19.1.2.5) If you need to support older environments and transpilation is not an option for you, […]
TypeScript follows the same rules as JavaScript for variable declarations. Variables can be declared using: var let const The let declarations follow the same syntax as var declarations. but you have to know that, variables declared with let have a block-scope. Block-scope means that the scope of let variables is limited to their containing block, […]
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
Solution : execution of scripts is disabled on this system Go to Start Menu and search for “Windows PowerShell ISE”. Right click the x86 version and choose “Run as administrator”. In the top part, paste Set-ExecutionPolicy RemoteSigned; run the script. Choose “Yes”. Repeat these steps for the 64-bit version of Powershell ISE too (the non […]
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:
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
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 […]
In computer science, a thread of execution is the smallest sequence of programmed instructions that can be managed independently by a scheduler, which is typically a part of the operating system. 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 […]
If we need to clone an object we can use the Object.assign method. We can use this method to copy the values of all enumerable own properties from one or more source objects to a target object. It will return the target object.
If we have an array (even not ordered) and we want to remove duplicated values, we can use the filter method:
The map() method is helpful to creates a new array with the results of calling a provided function on every element in the calling array. Suppose that we have two classes: And we have an Angular service called ‘myService‘ that through a .getObjects() method returns the following data: If we need to fill a DestinationType array […]