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.
Introduction In E-commerce applications, one of the ways of placing the order is through email communication. Order is placed by sending email with a document
Introduction Exploratory testing is an approach to software testing defined as simultaneous learning, test design and test execution. The term “Exploratory testing” was first coined
Introduction With Twitter Cards, you can attach rich photos, videos and media experiences to Tweets, helping to drive traffic to your website. Simply add a
Copyrights © 2020 All Rights Reserved by Techpearl Software Pvt Ltd.
