{"id":49243,"date":"2016-05-25T05:23:02","date_gmt":"2016-05-25T05:23:02","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=49243"},"modified":"2021-07-16T14:27:16","modified_gmt":"2021-07-16T14:27:16","slug":"angular-js-with-visualforce-page","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/","title":{"rendered":"Angular JS with Visualforce Page"},"content":{"rendered":"<p>In this post, I am going to share the information how you can use<strong> Angular JS with Visualforce <\/strong> to display records onto your Visualforce Page<\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\">Angular JS<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Angular is a Google-produced MVC framework where you can generate web applications and maintain them. This is Javascript based component framework which is open source. Here Visualforce and Salesforce1 can be used for making Salesforce compatible with mobile and also for connecting people to the Salesforce data. AngularJS allows the easy development of Visualforce pages.<br \/>\nThis Approach have its on limitations and advantages<\/p>\n<p>1. AngularJS allows us to extend HTML vocabulary for dynamic applications.<\/p>\n<p>2. This allows developers to create reusable components with more efficiency.<\/p>\n<p>3. In salesforce we can use both AngularJS to build single page application.<\/p>\n<p>4. Angular is most used when you want to developed an UI or front<\/p>\n<p>5. <strong> ng-app <\/strong> Declares the root element of an AngularJS application,<\/p>\n<p>6. <strong> ng-bind<\/strong> Sets the text of a DOM element to the value of an expression.<\/p>\n<p>7. <strong> ng-model<\/strong> Similar to ng-bind, but establishes a two-way data binding between the view and the scope.<\/p>\n<p>8. <strong>ng-controller<\/strong> Specifies a JavaScript controller class that evaluates HTML expressions.<\/p>\n<p>9. <strong>ng-repeat <\/strong> Instantiate an element once per item from a collection.<\/p>\n<div class=\"alert alert-info\">\n<p>To learn Basics of Angular JS ,please go through the link provided <a href=\"http:\/\/webkul.com\/blog\/starting-with-angularjs\/\" target=\"_blank\" rel=\"noopener\">http:\/\/webkul.com\/blog\/starting-with-angularjs<\/a>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-hand-o-right\"><\/i>Advantages and Limitations<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p><strong>Advantage<\/strong><\/p>\n<p>1. Two way Data Binding.<\/p>\n<p>2. It support SPA(Single Page Application).<\/p>\n<p>3. MVC(Model View Controller) pattern supported.<\/p>\n<p>4. Less code<\/p>\n<p><strong>Limitations<\/strong><\/p>\n<p>1.AngularJS Its have some limitation when we handling huge amount of data.<\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\">ANGULAR JS WITH VISUALFORCE PAGE<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p><strong>Apex :: <\/strong><\/p>\n<pre class=\"brush:java\">public with sharing class AngularWithVfPage {\n \n        \/**\n         * Webkul Software.\n         *\n         * @category  Webkul\n         * @author    Webkul\n         * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n         * @license   https:\/\/store.webkul.com\/license.html\n         *\/\n\n public static String getContacts() {\n       return JSON.serialize([select id, name, email\n           from contact ]);\n   }\n}\n<\/pre>\n<p><strong>Visualforce::<\/strong><\/p>\n<pre class=\"brush:xml\">&lt;apex:page showHeader=\"false\" applyHtmlTag=\"false\" docType=\"html-5.0\" controller=\"AngularWithVfPage\"&gt;\n\n &lt;!-- \n        \/**\n         * Webkul Software.\n         *\n         * @category  Webkul\n         * @author    Webkul\n         * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n         * @license   https:\/\/store.webkul.com\/license.html\n         *\/\n         --&gt;\n\n&lt;head&gt;\n   &lt;meta charset=\"utf-8\"\/&gt;\n   &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\/&gt;\n\n   &lt;link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.2\/css\/bootstrap.min.css\"\/&gt;\n   &lt;script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/angularjs\/1.3.11\/angular.min.js\"&gt;&lt;\/script&gt;\n   &lt;script&gt;\n     \n     var App = angular.module('myApp', []);\n \n     App.controller('myctrl', function ($scope) {   \n    \n         $scope.contacts = {!contacts}\n     });\n   &lt;\/script&gt;\n&lt;\/head&gt;\n&lt;body ng-app=\"myApp\" class=\"container\" ng-controller=\"myctrl\"&gt;\n   &lt;table class=\"table table-bordered\"&gt;\n     &lt;tr&gt;\n       &lt;th&gt;Name&lt;\/th&gt;\n       &lt;th&gt;Email&lt;\/th&gt;\n       &lt;th&gt;Id&lt;\/th&gt;\n     &lt;\/tr&gt;\n     &lt;tr ng-repeat=\"contact in contacts | filter:query\"&gt;          \n       &lt;td&gt;{{contact.Name}}&lt;\/td&gt;\n       &lt;td&gt;{{contact.Email}}&lt;\/td&gt;\n       &lt;td&gt;{{contact.Id}}&lt;\/td&gt;\n     &lt;\/tr&gt;\n   &lt;\/table&gt;\n&lt;\/body&gt;\n&lt;\/apex:page&gt;<\/pre>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\">Output<\/h3>\n<\/div>\n<div class=\"panel-body\"><img decoding=\"async\" class=\"alignnone size-full wp-image-50243\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/Page-Editor-AngularJsWithVisualforce.png\" alt=\" AngularJsWithVisualforce\" width=\"1083\" height=\"447\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/Page-Editor-AngularJsWithVisualforce.png 1083w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/Page-Editor-AngularJsWithVisualforce-250x103.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/Page-Editor-AngularJsWithVisualforce-300x124.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/Page-Editor-AngularJsWithVisualforce-768x317.png 768w\" sizes=\"(max-width: 1083px) 100vw, 1083px\" loading=\"lazy\" \/><\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-user\"><\/i>Support<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>That\u2019s all for Angular JS with Visualforce Page in Salesforce, still have any issue feel free to add a ticket and let us know your views to make the product better <a href=\"http:\/\/webkul.com\/ticket\/index.php\">http:\/\/webkul.com\/ticket\/index.php<\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this post, I am going to share the information how you can use Angular JS with Visualforce to display records onto your Visualforce Page Angular JS Angular is a Google-produced MVC framework where you can generate web applications and maintain them. This is Javascript based component framework which is open source. Here Visualforce and <a href=\"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":59,"featured_media":50244,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2582,1889,1887,1888],"tags":[3164,3166,1884,1885,3165],"class_list":["post-49243","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angularjs","category-apex","category-salesforce","category-visualforce","tag-angular-js","tag-angular-js-with-visualforce-page","tag-apex","tag-salesforce","tag-visualforce-page"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Angular JS with Visualforce Page<\/title>\n<meta name=\"description\" content=\"Angular JS with Visualforce Page\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular JS with Visualforce Page\" \/>\n<meta property=\"og:description\" content=\"Angular JS with Visualforce Page\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-25T05:23:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-16T14:27:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/angular-salesforce.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nansi Kela\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nansi Kela\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/\"},\"author\":{\"name\":\"Nansi Kela\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/550b6aef284dc2b9d85f8532d05a40b8\"},\"headline\":\"Angular JS with Visualforce Page\",\"datePublished\":\"2016-05-25T05:23:02+00:00\",\"dateModified\":\"2021-07-16T14:27:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/\"},\"wordCount\":298,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/angular-salesforce.png\",\"keywords\":[\"Angular JS\",\"Angular JS with Visualforce Page\",\"Apex\",\"Salesforce\",\"Visualforce page\"],\"articleSection\":[\"angularjs\",\"Apex\",\"Salesforce\",\"Visualforce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/\",\"url\":\"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/\",\"name\":\"Angular JS with Visualforce Page\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/angular-salesforce.png\",\"datePublished\":\"2016-05-25T05:23:02+00:00\",\"dateModified\":\"2021-07-16T14:27:16+00:00\",\"description\":\"Angular JS with Visualforce Page\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/angular-salesforce.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/angular-salesforce.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Angular JS with Visualforce Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/550b6aef284dc2b9d85f8532d05a40b8\",\"name\":\"Nansi Kela\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f330d16c8f951a609b52375b27d65ca770ad3b17c39246e85f563004947de40a?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f330d16c8f951a609b52375b27d65ca770ad3b17c39246e85f563004947de40a?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Nansi Kela\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/nansi\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Angular JS with Visualforce Page","description":"Angular JS with Visualforce Page","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/","og_locale":"en_US","og_type":"article","og_title":"Angular JS with Visualforce Page","og_description":"Angular JS with Visualforce Page","og_url":"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2016-05-25T05:23:02+00:00","article_modified_time":"2021-07-16T14:27:16+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/angular-salesforce.png","type":"image\/png"}],"author":"Nansi Kela","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Nansi Kela","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/"},"author":{"name":"Nansi Kela","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/550b6aef284dc2b9d85f8532d05a40b8"},"headline":"Angular JS with Visualforce Page","datePublished":"2016-05-25T05:23:02+00:00","dateModified":"2021-07-16T14:27:16+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/"},"wordCount":298,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/angular-salesforce.png","keywords":["Angular JS","Angular JS with Visualforce Page","Apex","Salesforce","Visualforce page"],"articleSection":["angularjs","Apex","Salesforce","Visualforce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/","url":"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/","name":"Angular JS with Visualforce Page","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/angular-salesforce.png","datePublished":"2016-05-25T05:23:02+00:00","dateModified":"2021-07-16T14:27:16+00:00","description":"Angular JS with Visualforce Page","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/angular-salesforce.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/angular-salesforce.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/angular-js-with-visualforce-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Angular JS with Visualforce Page"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/550b6aef284dc2b9d85f8532d05a40b8","name":"Nansi Kela","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f330d16c8f951a609b52375b27d65ca770ad3b17c39246e85f563004947de40a?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f330d16c8f951a609b52375b27d65ca770ad3b17c39246e85f563004947de40a?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Nansi Kela"},"url":"https:\/\/webkul.com\/blog\/author\/nansi\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/49243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=49243"}],"version-history":[{"count":20,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/49243\/revisions"}],"predecessor-version":[{"id":296762,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/49243\/revisions\/296762"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/50244"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=49243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=49243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=49243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}