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.
Microsoft Dynamics 365 Business Central is an all-in-one enterprise resource planning (ERP) solution designed to help small and medium-sized businesses manage their operations efficiently. It’s
Table of Contents Introduction As web applications scale and diversify, traditional relational database models often become bottlenecks for performance and agility. Enter DynamoDB with Single
Large Language Models have evolved beyond just answering questions or generating text. Today’s AI agents can understand context, take actions, and integrate with external systems.
Copyrights © 2025 All Rights Reserved by Techpearl Software Pvt Ltd.
