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 Internet of Things (IoT) has transformed the manufacturing industry, enabling real-time data sharing and automated processes that are essential for Industry 4.0. This convergence
AI-enabled chatbots are quickly becoming indispensable tools for businesses aiming to enhance customer engagement, streamline support, and even generate leads. However, not all chatbots are
Introduction: The Need for Speed in Web Development In the fast-paced world of web development, speed and efficiency are paramount. To meet these demands, we
Copyrights © 2024 All Rights Reserved by Techpearl Software Pvt Ltd.
