{"id":4436,"date":"2021-11-24T05:03:19","date_gmt":"2021-11-24T05:03:19","guid":{"rendered":"https:\/\/techpearl.io\/?p=4436"},"modified":"2024-02-14T13:14:09","modified_gmt":"2024-02-14T13:14:09","slug":"generic-angular-code-to-avoid-code-duplication","status":"publish","type":"post","link":"https:\/\/techpearl.com\/1719395789229\/generic-angular-code-to-avoid-code-duplication\/","title":{"rendered":"Generic Angular Code To Avoid Code Duplication"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4436\" class=\"elementor elementor-4436\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-85ad6d1 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"85ad6d1\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ab34edd jltma-glass-effect-no\" data-id=\"ab34edd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7289252 jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"7289252\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Efficient Angular Development: A Guide to Avoiding Code Duplication with Generic Code<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab63bae elementor-align-left jltma-glass-effect-no elementor-widget elementor-widget-post-info\" data-id=\"ab63bae\" data-element_type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-32351d2 elementor-inline-item\" itemprop=\"author\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author\">\n\t\t\t\t\t\t\t\t\t\tTrupti Panchal\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-798cede bdt-ss-btns-view-icon bdt-ss-btns-shape-rounded bdt-ss-btns-align-left bdt-ep-grid-0 bdt-ss-btns-style-flat bdt-ss-btns-color-original jltma-glass-effect-no elementor-widget elementor-widget-bdt-social-share\" data-id=\"798cede\" data-element_type=\"widget\" data-widget_type=\"bdt-social-share.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bdt-social-share bdt-ep-grid\">\n\t\t\t\t\t\t\t<div class=\"bdt-social-share-item bdt-ep-grid-item\">\n\t\t\t\t\t<div class=\"bdt-ss-btn bdt-ss-linkedin\" data-social=\"linkedin\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-ss-icon\">\n\t\t\t\t\t\t\t\t<i class=\"ep-linkedin\"><\/i>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"bdt-social-share-item bdt-ep-grid-item\">\n\t\t\t\t\t<div class=\"bdt-ss-btn bdt-ss-twitter\" data-social=\"twitter\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-ss-icon\">\n\t\t\t\t\t\t\t\t<i class=\"ep-twitter\"><\/i>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"bdt-social-share-item bdt-ep-grid-item\">\n\t\t\t\t\t<div class=\"bdt-ss-btn bdt-ss-facebook\" data-social=\"facebook\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-ss-icon\">\n\t\t\t\t\t\t\t\t<i class=\"ep-facebook\"><\/i>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-4e5c4a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"4e5c4a5\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-00ddbc4 jltma-glass-effect-no\" data-id=\"00ddbc4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-df987d2 jltma-glass-effect-no elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"df987d2\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2240\" height=\"1260\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/Generic-Angular-Code-To-Avoid-Code-Duplication.jpg\" class=\"attachment-full size-full\" alt=\"Generic Angular Code To Avoid Code Duplication\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/Generic-Angular-Code-To-Avoid-Code-Duplication.jpg 2240w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/Generic-Angular-Code-To-Avoid-Code-Duplication-300x169.jpg 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/Generic-Angular-Code-To-Avoid-Code-Duplication-1024x576.jpg 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/Generic-Angular-Code-To-Avoid-Code-Duplication-768x432.jpg 768w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/Generic-Angular-Code-To-Avoid-Code-Duplication-1536x864.jpg 1536w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/Generic-Angular-Code-To-Avoid-Code-Duplication-2048x1152.jpg 2048w\" sizes=\"auto, (max-width: 2240px) 100vw, 2240px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-c9d47c5 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"c9d47c5\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-474dabe jltma-glass-effect-no\" data-id=\"474dabe\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4f5b180 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"4f5b180\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>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.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd32bc6 jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"bd32bc6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Causes for code duplication<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2f9aa1 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"f2f9aa1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Multiple programmers working on different parts of the same program at the same time<\/li><li>Specific parts of code look different but actually perform the same job. This kind of duplication can be hard to find and fix<\/li><li>Rushing to meet deadlines and the existing code is \u201calmost right\u201d for the job.\u00a0 Novice programmers may not be able to resist the temptation of copying and pasting the relevant code<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-6447f9b elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"6447f9b\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1df6557 jltma-glass-effect-no\" data-id=\"1df6557\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e5a5a8 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"3e5a5a8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/Causes-For-Code-Duplication.png\" class=\"attachment-large size-large\" alt=\"Causes For Code Duplication\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/Causes-For-Code-Duplication.png 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/Causes-For-Code-Duplication-300x225.png 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/Causes-For-Code-Duplication-768x576.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-4ace438 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"4ace438\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-86a8755 jltma-glass-effect-no\" data-id=\"86a8755\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d516033 jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"d516033\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Drawbacks of code duplication<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af2b711 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"af2b711\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Any modification has to be repeated wherever the code is duplicated<\/li><li>The Chances of introducing bugs increases, as the exact places where the duplication occurred can be difficult to identity<\/li><li>It makes code maintenance harder and tedious.<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-3eb737d elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"3eb737d\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d359b12 jltma-glass-effect-no\" data-id=\"d359b12\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ff8b002 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"ff8b002\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/techpearl.com\/1719395789229\/contact-us\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"220\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/mobile.jpg\" class=\"attachment-full size-full\" alt=\"mobile\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/mobile.jpg 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/mobile-300x64.jpg 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/mobile-768x165.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-490ea22 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"490ea22\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-09239b2 jltma-glass-effect-no\" data-id=\"09239b2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-aa17e7d jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"aa17e7d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Creating generic components to avoid code duplication<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0033ec jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"c0033ec\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h5><strong>Note:<\/strong><\/h5>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60c0a5c jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"60c0a5c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>In an attempt to make your code generic, do not make it too complicated.<\/li><li>Make sure you separate out business logic and generic functionality.<\/li><li><strong>&#8220;<\/strong>Code given in the blog is indicative and not complete<strong>&#8220;<\/strong><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65162cd jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"65162cd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-size: 16px;\">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.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c61eca jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"3c61eca\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Order List<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-465e28f jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"465e28f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1300\" height=\"566\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/orderlist.png\" class=\"attachment-full size-full\" alt=\"orderlist\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/orderlist.png 1300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/orderlist-300x131.png 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/orderlist-1024x446.png 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/orderlist-768x334.png 768w\" sizes=\"auto, (max-width: 1300px) 100vw, 1300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-fd865ce elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"fd865ce\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e0194e1 jltma-glass-effect-no\" data-id=\"e0194e1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7aa6d9b jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"7aa6d9b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Payment List<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-855ffc2 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"855ffc2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1302\" height=\"545\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/paymentlist.png\" class=\"attachment-full size-full\" alt=\"paymentlist\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/paymentlist.png 1302w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/paymentlist-300x126.png 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/paymentlist-1024x429.png 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/paymentlist-768x321.png 768w\" sizes=\"auto, (max-width: 1302px) 100vw, 1302px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-767055b elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"767055b\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8ef7b79 jltma-glass-effect-no\" data-id=\"8ef7b79\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-85bfe4f jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"85bfe4f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Server<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0667db jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"d0667db\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Let us assume that there is a server api which returns the list of objects in the following format<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20ff50c jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"20ff50c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h5><strong>Order List<\/strong><\/h5>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e09c8f jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"2e09c8f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"684\" height=\"867\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-1.png\" class=\"attachment-large size-large\" alt=\"code 1\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-1.png 684w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-1-237x300.png 237w\" sizes=\"auto, (max-width: 684px) 100vw, 684px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-c6631cc elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"c6631cc\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e4a9ef1 jltma-glass-effect-no\" data-id=\"e4a9ef1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-93e58e2 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"93e58e2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h5><strong>Payment List<\/strong><\/h5>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e821bb jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"2e821bb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"684\" height=\"825\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-2.png\" class=\"attachment-large size-large\" alt=\"code 2\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-2.png 684w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-2-249x300.png 249w\" sizes=\"auto, (max-width: 684px) 100vw, 684px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e85f6df jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"e85f6df\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>\u201cpagination_info\u201d: gives the page information for the list\u201c<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35e37f8 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"35e37f8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>object_list\u201d: list of objects (orders\/payments)<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-f18254e elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"f18254e\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-adcc25b jltma-glass-effect-no\" data-id=\"adcc25b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-076790b jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"076790b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Client<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-018f675 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"018f675\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Consumes the list sent by the server and displays the list using a generic list component.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5156bd9 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"5156bd9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Create a constants service &#8211; constants.service.ts<\/li><li>Create Generic List Component<\/li><li>Create Order List Component<\/li><li>Create Payment List Component<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-853e059 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"853e059\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h5><strong>constants.service.ts<\/strong><\/h5><p>This file has mappings for order and payment objects returned by the server. It does the following<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd25c90 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"cd25c90\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Define the title for a given key<\/li><li>Define the display order for the data<\/li><li>Apply specific css by specifying the css class<\/li><li>Define if the data has to be displayed adjacent to any other key<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf6ab59 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"cf6ab59\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"760\" height=\"3131\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-3.png\" class=\"attachment-full size-full\" alt=\"code 3\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-3.png 760w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-3-73x300.png 73w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-3-373x1536.png 373w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-3-497x2048.png 497w\" sizes=\"auto, (max-width: 760px) 100vw, 760px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-84c89ce elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"84c89ce\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-10e111c jltma-glass-effect-no\" data-id=\"10e111c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e2a18ce jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"e2a18ce\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Generic List<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fdfbb3 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"6fdfbb3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>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.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f2136c jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"3f2136c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>generic-list.component.html will look like the following. We have used Ionic framework along with angular.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b214ce7 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"b214ce7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"1764\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-4.png\" class=\"attachment-full size-full\" alt=\"code 4\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-4.png 750w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-4-128x300.png 128w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-4-435x1024.png 435w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-4-653x1536.png 653w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd2cdf7 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"cd2cdf7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tgeneric-list.component.ts  file will look like following\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa1e46d jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"aa1e46d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"2000\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-5.png\" class=\"attachment-full size-full\" alt=\"code 5\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-5.png 750w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-5-113x300.png 113w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-5-384x1024.png 384w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-5-576x1536.png 576w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a5d52c9 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"a5d52c9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tgeneric-list.component.scss will look like the following\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e253259 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"e253259\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"2478\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-6.png\" class=\"attachment-full size-full\" alt=\"code 6\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-6.png 750w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-6-91x300.png 91w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-6-310x1024.png 310w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-6-465x1536.png 465w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-6-620x2048.png 620w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-602dd74 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"602dd74\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-44ce61f jltma-glass-effect-no\" data-id=\"44ce61f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ba481d3 jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"ba481d3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3. Order List<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7d2661 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"f7d2661\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>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<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b7afa8 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"0b7afa8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"684\" height=\"361\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-7.png\" class=\"attachment-full size-full\" alt=\"code 7\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-7.png 684w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-7-300x158.png 300w\" sizes=\"auto, (max-width: 684px) 100vw, 684px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cefe2a1 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"cefe2a1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\torder-list.page.ts code will look like the following.\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6099264 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"6099264\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"1366\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-8.png\" class=\"attachment-full size-full\" alt=\"code 8\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-8.png 700w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-8-154x300.png 154w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-8-525x1024.png 525w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-ac6926f elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"ac6926f\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b6241c4 jltma-glass-effect-no\" data-id=\"b6241c4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-395d584 jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"395d584\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Payment List<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7453cf jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"f7453cf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>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<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ece554 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"6ece554\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"684\" height=\"361\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-9.png\" class=\"attachment-full size-full\" alt=\"code 9\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-9.png 684w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-9-300x158.png 300w\" sizes=\"auto, (max-width: 684px) 100vw, 684px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4dad52 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"c4dad52\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>payment-list.page.ts code will look like the following.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c6b1b7 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"3c6b1b7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"1238\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-10.png\" class=\"attachment-full size-full\" alt=\"code 10\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-10.png 700w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-10-170x300.png 170w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/code-10-579x1024.png 579w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f9623e jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"8f9623e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><i>We have built many angular applications. <a href=\"https:\/\/techpearl.com\/1719395789229\/contact-us\/\">Contact us<\/a> for your angular development needs.<\/i><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b5aed5 bdt-ss-btns-view-icon bdt-ss-btns-shape-rounded bdt-ss-btns-align-left bdt-ep-grid-0 bdt-ss-btns-style-flat bdt-ss-btns-color-original jltma-glass-effect-no elementor-widget elementor-widget-bdt-social-share\" data-id=\"7b5aed5\" data-element_type=\"widget\" data-widget_type=\"bdt-social-share.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bdt-social-share bdt-ep-grid\">\n\t\t\t\t\t\t\t<div class=\"bdt-social-share-item bdt-ep-grid-item\">\n\t\t\t\t\t<div class=\"bdt-ss-btn bdt-ss-linkedin\" data-social=\"linkedin\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-ss-icon\">\n\t\t\t\t\t\t\t\t<i class=\"ep-linkedin\"><\/i>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"bdt-social-share-item bdt-ep-grid-item\">\n\t\t\t\t\t<div class=\"bdt-ss-btn bdt-ss-twitter\" data-social=\"twitter\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-ss-icon\">\n\t\t\t\t\t\t\t\t<i class=\"ep-twitter\"><\/i>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"bdt-social-share-item bdt-ep-grid-item\">\n\t\t\t\t\t<div class=\"bdt-ss-btn bdt-ss-facebook\" data-social=\"facebook\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-ss-icon\">\n\t\t\t\t\t\t\t\t<i class=\"ep-facebook\"><\/i>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-7442319 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"7442319\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c4004dc jltma-glass-effect-no\" data-id=\"c4004dc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-abb6b63 jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"abb6b63\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Read More Articles<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-e1dfc72 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"e1dfc72\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fc46cb8 jltma-glass-effect-no\" data-id=\"fc46cb8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-47b494b elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient jltma-glass-effect-no elementor-widget elementor-widget-posts\" data-id=\"47b494b\" data-element_type=\"widget\" data-settings=\"{&quot;cards_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:46,&quot;sizes&quot;:[]},&quot;cards_columns&quot;:&quot;3&quot;,&quot;cards_columns_tablet&quot;:&quot;2&quot;,&quot;cards_columns_mobile&quot;:&quot;1&quot;}\" data-widget_type=\"posts.cards\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-20585 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/techpearl.com\/1719395789229\/breaking-the-api-mold\/\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/09\/14-768x432.jpg\" class=\"attachment-medium_large size-medium_large\" alt=\"\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/09\/14-768x432.jpg 768w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/09\/14-300x169.jpg 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/09\/14.jpg 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">blog<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/techpearl.com\/1719395789229\/breaking-the-api-mold\/\" >\n\t\t\t\tBreaking the API Mold: A new era of AI-Driven Customer Journeys\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>React vs. Angular: Choosing the Right Framework for Your Project In the fast- paced world of financial services, speed, accuracy and scalability are critical. Yet,<\/p>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-author\">\n\t\t\tSiddharth Singh\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-20556 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/techpearl.com\/1719395789229\/react-vs-angular\/\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/07\/6-1-768x432.jpg\" class=\"attachment-medium_large size-medium_large\" alt=\"6 1\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/07\/6-1-768x432.jpg 768w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/07\/6-1-300x169.jpg 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/07\/6-1.jpg 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">blog<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/techpearl.com\/1719395789229\/react-vs-angular\/\" >\n\t\t\t\tReact vs. Angular: Choosing the Right Framework for Your Project\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>React vs. Angular: Choosing the Right Framework for Your Project In the world of frontend development, React and Angular are two of the most popular<\/p>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-author\">\n\t\t\tTrupti Panchal\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-20547 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/techpearl.com\/1719395789229\/amazon-q-for-developers\/\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/07\/6-768x432.jpg\" class=\"attachment-medium_large size-medium_large\" alt=\"6\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/07\/6-768x432.jpg 768w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/07\/6-300x169.jpg 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/07\/6.jpg 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">blog<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/techpearl.com\/1719395789229\/amazon-q-for-developers\/\" >\n\t\t\t\tAmazon Q for Developers: Level Up Your Productivity with AI\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Amazon Q Developer is AWS&#8217;s new generative AI assistant purpose-built to transform the workflow of software developers and IT professionals. Unlike generic AI chatbots, Amazon<\/p>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-author\">\n\t\t\tVinod Charan Kumar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<\/div>\n\n\n\t\t\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-0200cfa elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"0200cfa\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b052864 jltma-glass-effect-no\" data-id=\"b052864\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fa040a9 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"fa040a9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>\u00a0Contact Us <span style=\"color: #f26a22;\">Now<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59431e2 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"59431e2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Talk to us to find out about our flexible engagement models.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64ba8b8 elementor-align-center elementor-tablet-align-center elementor-mobile-align-center jltma-glass-effect-no elementor-widget elementor-widget-button\" data-id=\"64ba8b8\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"#\" class=\"elementor-button-link elementor-button elementor-size-md\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Started<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Efficient Angular Development: A Guide to Avoiding Code Duplication with Generic Code 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 &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/techpearl.com\/1719395789229\/amazon-q-for-developers\/\"> <span class=\"screen-reader-text\">Amazon Q for Developers: Level Up Your Productivity with AI<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":4,"featured_media":10868,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[8,63,17],"tags":[52],"class_list":["post-4436","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular","category-blog","category-javascript","tag-software-development"],"_links":{"self":[{"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/posts\/4436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/comments?post=4436"}],"version-history":[{"count":163,"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/posts\/4436\/revisions"}],"predecessor-version":[{"id":17310,"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/posts\/4436\/revisions\/17310"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/media\/10868"}],"wp:attachment":[{"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/media?parent=4436"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/categories?post=4436"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/tags?post=4436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}