{"id":5723,"date":"2015-07-10T12:15:08","date_gmt":"2015-07-10T09:15:08","guid":{"rendered":"http:\/\/www.webcodegeeks.com\/?p=5723"},"modified":"2015-07-03T03:18:01","modified_gmt":"2015-07-03T00:18:01","slug":"working-filters-angularjs","status":"publish","type":"post","link":"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/","title":{"rendered":"Working with Filters in AngularJS"},"content":{"rendered":"

Filters in AngularJS are like data formatters. You could have a currency value stored in a db but want to render it on the UI by formatting it as a double value (with decimals) and prefixing it with currency symbol. This can be achieved using the concept called filters.<\/p>\n

Filter plays the role in formatting the expression (value or data) on the UI. Expressions {} are the way to display the value of the model variable in a HTML template. Though filters can also be applied to directives, controllers and services. The article will demonstrate the concept of filters applied to expressions in AngularJS.<\/p>\n

Filters are usually applied on expressions in the view template. Let\u2019s look at the below code snippet:<\/p>\n

{{acronymValue | uppercase }}<\/code><\/p>\n

Here, the acronymValue<\/code> is a modal variable which is formatted using the filter named uppercase<\/em>. It converts the expression to uppercase. The expression and the filter is delimited by pipe \u2018|\u2019 character. It can be interpreted as the expression being provided as an input to the uppercase<\/em> filter. The filter named uppercase<\/em> is one of the built-in AngularJS filter. Some of the other built-in filters are date, number, currency and many more. Let\u2019s quickly see the date filter:<\/p>\n

{{orderDate | date: 'MM-dd-yyyy'}}<\/code><\/p>\n

The above filter formats the order date to be printed in the MM-dd-yyyy<\/em> format. As you can see from above, the date<\/em> filter takes an extra argument that specifies the format pattern of the date to be displayed.<\/p>\n

How to create custom filter<\/strong><\/p>\n

Though AngularJS contains many useful built-in filters, its often fun to write your own filter. Built-in filters are useful for basic formatting, but more complex or customized formatting can only be achieved by writing your own filter.<\/p>\n

angular.module('myApp.controllers', []).\r\n  controller('MyController', function($scope) {\r\n\t$scope.greet = \"hello world\";\r\n});\r\n\/\/ Filter module\r\nangular.module('myApp.filters',[]).filter('capitalize',function(){\r\n\treturn function(str){\r\n\t\treturn str.charAt(0).toUpperCase() + str.slice(1);\r\n\t}\r\n});<\/pre>\n
The filter()<\/code> method is used to write the custom filter. It takes two parameters: name of the filter and the function that conveys what this will filter will do. In the above code, we have created a filter named \u2018capitalize\u2019, which will capitalize the first letter of the expression if its an alphabet. The logic of returning the capitalized word is written in a function passed as a second parameter. This function is also called factory function.<\/p>\n
The inner function returned from the factory function takes our expression as a parameter. If you recall, expression is provided as an input to the filter. We take this expression value, convert its first letter to uppercase and return the same. The inner function can also take extra parameters, if you need to pass parameter to your filter just like the date<\/em> filter above.<\/p>\n
We can test this filter by writing the following expression as part of view template.<\/p>\n
<html lang=\"en\" ng-app=\"myApp\">\r\n...\r\n\t<body ng-controller=\"MyController\">\r\n\t\t<strong>{{greet | capitalize}}<\/strong>\r\n\t<\/body>\r\n<\/html><\/pre>\n
Let\u2019s write another filter that takes a parameter. We will call this filter as \u2018tokenize\u2019. To keep it simple, the tokenize<\/em> filter will replace the space in the string expression with the delimited character of your choice and return the string. The delimited character will be passed as a parameter to the filter. Check the code below:<\/p>\n
angular.module('myApp.filters',[]).filter('tokenize',function(){\r\n\treturn function(str, delimiter){\r\n\t\treturn str.replace(\/\\s\/g, delimiter);\r\n\t}\r\n});<\/pre>\n
So the \u2018hello world\u2019 string will be filtered to \u2018hello-world\u2019, as hyphen \u2018-\u2018 is passed as a parameter to the filter. The \u2018tokenize\u2019 filter can be used as follows:<\/p>\n
{{greet | tokenize: '-'}}<\/pre>\n
Let\u2019s look at some interesting built-in filters that are used with arrays or lists. These filters are bounded to ng-repeat<\/code> directive to filter the list of data items.<\/p>\n
Filter: filter<\/strong><\/p>\n
AngularJS has a built-in filter named literally as filter. It filters the data from an array based on the matching text pattern. Here is an example:<\/p>\n
angular.module('myApp.controllers', []).\r\n  controller('MyController', function($scope) {\r\n\t$scope.courses = [{id: 'C4', title: 'Advanced Mathematics'}, {id: 'C2', title: 'Basic Mathematics'}, \r\n\t\t{id: 'C3', title: 'Advanced Science'}, {id: 'C1', title: 'Basic Science'}];\r\n});<\/pre>\n
In controller, we create a scoped array named courses<\/code> that contains id<\/code> and title<\/code> as fields. We will loop through this array using ng-repeat<\/code> directive and print the elements. Now let\u2019s apply filter \u2018filter\u2019 to this array. Suppose you want to display only courses with title that matches what you type in the input field, you could specify a filter like this:<\/p>\n
<html lang=\"en\" ng-app=\"myApp\">\r\n...\r\n    <body ng-controller=\"MyController\">\r\n\tEnter course: <input type=\"text\" ng-model=\"courseTitle\" \/>\r\n\t<ul>\r\n\t    <li ng-repeat=\"course in courses | filter: {title:courseTitle} \">\r\n\t\t{{course.id}} {{course.title}}\r\n\t    <\/li>\r\n\t<\/ul>\r\n    <\/body>\r\n<\/html><\/pre>\n
As you can see, filter takes a parameter which is in the form of field: value<\/em>. The field name is title<\/code> and the value is passed from the input field as a model variable. The filter is combined with ng-repeat<\/code> directive. The resulting output will display only those courses having titles that matches the term.<\/p>\n
Filter: orderBy<\/strong><\/p>\n
The orderBy<\/code> filter as the name suggests orders the elements in the list. Let\u2019s see how it works:<\/p>\n
<ul>\r\n    <li ng-repeat=\"course in courses | orderBy: 'id' \">\r\n    {{course.id}} {{course.title}}\r\n    <\/li>\r\n<\/ul><\/pre>\n
Taking our existing courses<\/code> array, the above code uses orderBy<\/code> filter to order course details by course id field. The default sort order is ascending. To make it descending, just prefix it with hyphen \u2018-\u2018 as shown below:
\norderBy: '-id'<\/code><\/p>\n
Filter: limitTo<\/strong><\/p>\n
The limitTo<\/code> filter enables you to apply limit to the lists. You may have an array of 20 items but only want to show 5 items then one can make use of limitTo<\/code> filter. Here is the example:<\/p>\n
<ul>\r\n    <li ng-repeat=\"course in courses | limitTo: 2 \">\r\n    {{course.id}} {{course.title}}\r\n    <\/li>\r\n<\/ul><\/pre>\n
Again taking the courses<\/code> array, we are filtering to show only 2 records<\/p>\n
Chaining filters<\/strong><\/p>\n
Filters are applied to expressions. The return value from the filter is an expression itself. Therefore multiple filters can be chained together to arrive at a desired result. Let\u2019s say, if we want our lists ordered by id and restrict it to display only 2 records, we could chain orderBy<\/code> and limitTo<\/code>. filters. See the example below:<\/p>\n
<li ng-repeat=\"course in courses | limitTo: 2 | orderBy: 'id'\">\r\n    {{course.id}} {{course.title}}\r\n<\/li><\/pre>\n
Filter when chained together becomes an input to the subsequent filter in the chain. The way filters are chained, its order can impact performance. For example, if you have a huge array of data, first restrict the size by calling limitTo<\/code> filter and then order it using orderBy<\/code> filter and not vice versa. I have taken an example of orderBy<\/code> and limitTo<\/code> filters to demonstrate chaining, you could actually chain any filters (both built-in and custom) depending on your requirement.<\/p>\n
So, when you want to format data, filters are the way to go. Cheers!<\/p>\n
\n\n\n\n
Reference: <\/span><\/td>\nWorking with Filters in AngularJS<\/a> from our WCG partner<\/a> Rajeev Hathi at the TECH ORGAN<\/a> blog.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
Filters in AngularJS are like data formatters. You could have a currency value stored in a db but want to render it on the UI by formatting it as a double value (with decimals) and prefixing it with currency symbol. This can be achieved using the concept called filters. Filter plays the role in formatting …<\/p>\n","protected":false},"author":91,"featured_media":909,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[],"class_list":["post-5723","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular-js"],"yoast_head":"\nWorking with Filters in AngularJS - Web Code Geeks - 2026<\/title>\n<meta name=\"description\" content=\"Filters in AngularJS are like data formatters. You could have a currency value stored in a db but want to render it on the UI by formatting it as a double\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Working with Filters in AngularJS - Web Code Geeks - 2026\" \/>\n<meta property=\"og:description\" content=\"Filters in AngularJS are like data formatters. You could have a currency value stored in a db but want to render it on the UI by formatting it as a double\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Code Geeks\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webcodegeeks\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-10T09:15:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/angularjs-logo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"150\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Rajeev Hathi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:site\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rajeev Hathi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/\"},\"author\":{\"name\":\"Rajeev Hathi\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/a31899e91ce8c7e23aa3835a86bc749f\"},\"headline\":\"Working with Filters in AngularJS\",\"datePublished\":\"2015-07-10T09:15:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/\"},\"wordCount\":960,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/angularjs-logo.jpg\",\"articleSection\":[\"Angular.js\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/\",\"name\":\"Working with Filters in AngularJS - Web Code Geeks - 2026\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/angularjs-logo.jpg\",\"datePublished\":\"2015-07-10T09:15:08+00:00\",\"description\":\"Filters in AngularJS are like data formatters. You could have a currency value stored in a db but want to render it on the UI by formatting it as a double\",\"breadcrumb\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/#primaryimage\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/angularjs-logo.jpg\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/angularjs-logo.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.webcodegeeks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript\",\"item\":\"https:\/\/www.webcodegeeks.com\/category\/javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Angular.js\",\"item\":\"https:\/\/www.webcodegeeks.com\/category\/javascript\/angular-js\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Working with Filters in AngularJS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"name\":\"Web Code Geeks\",\"description\":\"Web Developers Resource Center\",\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.webcodegeeks.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\",\"name\":\"Exelixis Media P.C.\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"width\":864,\"height\":246,\"caption\":\"Exelixis Media P.C.\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webcodegeeks\",\"https:\/\/x.com\/webcodegeeks\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/a31899e91ce8c7e23aa3835a86bc749f\",\"name\":\"Rajeev Hathi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7b3d1f5c751db08d0cecf939d205a54df4f1e8925989025e169b55425423fe40?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7b3d1f5c751db08d0cecf939d205a54df4f1e8925989025e169b55425423fe40?s=96&d=mm&r=g\",\"caption\":\"Rajeev Hathi\"},\"description\":\"Rajeev is a senior Java architect and developer. He has been designing and developing business applications for various companies (both product and services). He is co-author of the book titled 'Apache CXF Web Service Development' and shares his technical knowledge through his blog platform techorgan.com\",\"sameAs\":[\"http:\/\/techorgan.com\/\"],\"url\":\"https:\/\/www.webcodegeeks.com\/author\/rajeev-hathi\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Working with Filters in AngularJS - Web Code Geeks - 2026","description":"Filters in AngularJS are like data formatters. You could have a currency value stored in a db but want to render it on the UI by formatting it as a double","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:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/","og_locale":"en_US","og_type":"article","og_title":"Working with Filters in AngularJS - Web Code Geeks - 2026","og_description":"Filters in AngularJS are like data formatters. You could have a currency value stored in a db but want to render it on the UI by formatting it as a double","og_url":"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/","og_site_name":"Web Code Geeks","article_publisher":"https:\/\/www.facebook.com\/webcodegeeks","article_published_time":"2015-07-10T09:15:08+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/angularjs-logo.jpg","type":"image\/jpeg"}],"author":"Rajeev Hathi","twitter_card":"summary_large_image","twitter_creator":"@webcodegeeks","twitter_site":"@webcodegeeks","twitter_misc":{"Written by":"Rajeev Hathi","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/#article","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/"},"author":{"name":"Rajeev Hathi","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/a31899e91ce8c7e23aa3835a86bc749f"},"headline":"Working with Filters in AngularJS","datePublished":"2015-07-10T09:15:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/"},"wordCount":960,"commentCount":0,"publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/angularjs-logo.jpg","articleSection":["Angular.js"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/","url":"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/","name":"Working with Filters in AngularJS - Web Code Geeks - 2026","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/#primaryimage"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/angularjs-logo.jpg","datePublished":"2015-07-10T09:15:08+00:00","description":"Filters in AngularJS are like data formatters. You could have a currency value stored in a db but want to render it on the UI by formatting it as a double","breadcrumb":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/#primaryimage","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/angularjs-logo.jpg","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/angularjs-logo.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/www.webcodegeeks.com\/javascript\/angular-js\/working-filters-angularjs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webcodegeeks.com\/"},{"@type":"ListItem","position":2,"name":"JavaScript","item":"https:\/\/www.webcodegeeks.com\/category\/javascript\/"},{"@type":"ListItem","position":3,"name":"Angular.js","item":"https:\/\/www.webcodegeeks.com\/category\/javascript\/angular-js\/"},{"@type":"ListItem","position":4,"name":"Working with Filters in AngularJS"}]},{"@type":"WebSite","@id":"https:\/\/www.webcodegeeks.com\/#website","url":"https:\/\/www.webcodegeeks.com\/","name":"Web Code Geeks","description":"Web Developers Resource Center","publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webcodegeeks.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webcodegeeks.com\/#organization","name":"Exelixis Media P.C.","url":"https:\/\/www.webcodegeeks.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","width":864,"height":246,"caption":"Exelixis Media P.C."},"image":{"@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webcodegeeks","https:\/\/x.com\/webcodegeeks"]},{"@type":"Person","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/a31899e91ce8c7e23aa3835a86bc749f","name":"Rajeev Hathi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7b3d1f5c751db08d0cecf939d205a54df4f1e8925989025e169b55425423fe40?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7b3d1f5c751db08d0cecf939d205a54df4f1e8925989025e169b55425423fe40?s=96&d=mm&r=g","caption":"Rajeev Hathi"},"description":"Rajeev is a senior Java architect and developer. He has been designing and developing business applications for various companies (both product and services). He is co-author of the book titled 'Apache CXF Web Service Development' and shares his technical knowledge through his blog platform techorgan.com","sameAs":["http:\/\/techorgan.com\/"],"url":"https:\/\/www.webcodegeeks.com\/author\/rajeev-hathi\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/5723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/users\/91"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/comments?post=5723"}],"version-history":[{"count":0,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/5723\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media\/909"}],"wp:attachment":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media?parent=5723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/categories?post=5723"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/tags?post=5723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}