Duplicate code is a repetition of a line or a block of code in the same file or in different files in the same project. Code duplication poses big problems to the software. Even code that has similar functionalities are said to be duplications.
Let us write generic angular code which can display 2 different types of objects, Order and Payment. In the figure below, you will see the list of orders and payments. A single generic list component handles both the objects.
Let us assume that there is a server api which returns the list of objects in the following format
“pagination_info”: gives the page information for the list“
object_list”: list of objects (orders/payments)
Consumes the list sent by the server and displays the list using a generic list component.
This file has mappings for order and payment objects returned by the server. It does the following
The Generic List component will have the code to display the List UI. This is a simple List with card View. You can have your own design as per the requirement.
generic-list.component.html will look like the following. We have used Ionic framework along with angular.
Now, your Order List component will look like the following. If you notice, Here we do not write any UI code. We just pass the data to the generic list component
Now, your Payment List component will look like the following. If you notice, Here we do not write any UI code. We just pass the data to the generic list component
payment-list.page.ts code will look like the following.
We have built many angular applications. Contact us for your angular development needs.
The rise in cyber-attacks and data breaches has led to an increased need for organizations to secure their systems and networks from malicious attackers. One
Adapting to AI and related tools is key for software developers because these changes have the potential to revolutionize software development and create new opportunities
Introduction React Redux is a powerful combination of two popular JavaScript libraries used to build complex web applications. React is a JavaScript library for building
Copyrights © 2020 All Rights Reserved by Techpearl Software Pvt Ltd.
