{"id":20246,"date":"2022-11-09T03:55:11","date_gmt":"2022-11-08T22:25:11","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/"},"modified":"2022-11-09T03:55:11","modified_gmt":"2022-11-08T22:25:11","slug":"solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/","title":{"rendered":"[Solved] How to make excel like cell in javascript or Angularjs dynamically?"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n
\n

…in real app, i will have data for some cells like:… how can i set those value on specific cells and have different bg color?<\/p>\n<\/blockquote>\n

You can keep loadData<\/code> the same and change $scope.getWeight<\/code> to accommodate the format of the data. This takes a dependency on lodash’s find<\/a>, since that makes things more concise. If you don’t want to do that you can replace _.find<\/code> with your own find<\/code> method that does the same thing – I’ll leave that as an exercise for you \ud83d\ude42<\/p>\n

http:\/\/plnkr.co\/edit\/b0q4qTyNjQp7J2IB7ayf?p=preview<\/a><\/p>\n

HTML <\/p>\n

<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lodash.js\/4.0.1\/lodash.js\"><\/script>\n<\/code><\/pre>\n
JavaScript<\/p>\n
$scope.getWeight = function (row, column) {\n  if ($scope.weights) {\n    \/\/ See if there's a record with the row and column.\n    var record = _.find($scope.weights, {\n      row: row,\n      column: column\n    });\n\n    \/\/ Was a record found with the row and column?\n    if (record) {\n      \/\/ If so return its weight.\n      return record.weight;\n    }\n  }\n};\n<\/code><\/pre>\n
\n
\n
Staff will select cell and input goods weight(in bootstrap modal). Then save. Next time if a cell\/slot has weight before, it will be in different color(red-means the cell\/slot is already filled with goods) and if he click on that cell , all details will be shown regarding to that cell like weight…How can make query to get details from database to have my cell filled with color and show details if the cell has details before?<\/p>\n<\/blockquote>\n
I didn’t completely understand, but here’s roughly what you could do for the parts I did understand.  This assumes you have 3 endpoints – GET api\/weights<\/code> to get the weights; GET api\/weight<\/code> to get the weight for a single cell and POST api\/weight<\/code> to update a weight.  You’ll need to replace fakeHttp<\/code> with $http<\/code> and the actual url’s. I don’t know what Yard or Yard_id is.<\/p>\n
http:\/\/plnkr.co\/edit\/aAiYbChTqmAwgky0WOJ3?p=preview<\/a><\/p>\n
\/\/ TODO: Replace fakeHttp with $http\n\nvar module = angular.module('myApp', ['ui.bootstrap']);\n\nmodule.controller('MainCtrl', function ($scope, $uibModal, fakeHttp) {\n  $scope.rows = [\n    'A',\n    'B'\n  ];\n\n  $scope.columns = [\n    1,\n    2,\n    3,\n    4,\n    5,\n    6,\n    7,\n    8,\n    9,\n    10  \n  ];\n\n  $scope.select = function (row, column) {\n    var modalInstance = $uibModal.open({\n      templateUrl: 'myModal.html',\n      controller: 'ModalInstanceCtrl',\n      resolve: {\n        row: function () {\n          return row;\n        },\n        column: function () {\n          return column;\n        }\n      }\n    });\n\n    modalInstance.result.then(loadData);\n  };\n\n  $scope.getWeight = function (row, column) {\n    if ($scope.weights) {\n      var key = createKey({\n        row: row,\n        column: column\n      });\n\n      return $scope.weights[key];\n    }\n  };\n\n  loadData();\n\n  function loadData() {\n    fakeHttp.get('api\/weights').then(function (result) {\n      $scope.weights = result.data;\n    });\n  };\n\n  function createKey(data) {\n    var key = {\n      row: data.row,\n      column: data.column\n    };\n\n    return JSON.stringify(key);\n  }\n});\n\nmodule.controller('ModalInstanceCtrl', function ($scope, row, column, fakeHttp, $uibModalInstance) {\n  $scope.row = row;\n  $scope.column = column;\n\n  fakeHttp.get('api\/weight', {\n    row: row,\n    column: column\n  }).then(function (result) {\n    $scope.weight = result.data;\n  });\n\n  $scope.save = function () {\n    fakeHttp.post('api\/weight', {\n      row: row,\n      column: column,\n      weight: $scope.weight\n    }).then(function () {\n      $uibModalInstance.close();\n    });\n  };\n});\n\nmodule.factory('fakeHttp', function ($q) {\n  var fakeHttp = {};\n\n  var database = {};\n\n  database[createKey({\n    row: 'A',\n    column: 1\n  })] = 12;\n\n  fakeHttp.get = function (url, data) {\n    if (url === 'api\/weight') {\n      var key = createKey(data);\n      return $q.when({ data: \n        database[key]\n      });\n    } else if (url === 'api\/weights') {\n      return $q.when({ data: \n        database\n      });\n    } else {\n      alert('invalid url: ' + url);\n    }\n  };\n\n  fakeHttp.post = function (url, data) {\n    if (url === 'api\/weight') {\n      var key = createKey(data);\n      database[key] = data.weight;\n      return $q.when({});\n    } else {\n      alert('invalid url: ' + url);\n    }\n  };\n\n  return fakeHttp;\n\n function createKey(data) {\n    var key = {\n      row: data.row,\n      column: data.column\n    };\n\n    return JSON.stringify(key);\n }\n});\n<\/code><\/pre>\n
index.html<\/p>\n
<!DOCTYPE html>\n<html ng-app=\"myApp\">\n\n  <head>\n    <link data-require=\"bootstrap@3.3.7\" data-semver=\"3.3.7\" rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.7\/css\/bootstrap.min.css\" \/>\n    <script data-require=\"angular.js@1.6.2\" data-semver=\"1.6.2\" src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/angularjs\/1.6.2\/angular.js\"><\/script>\n    <script data-require=\"angular.js@1.6.2\" data-semver=\"1.6.2\" src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/angularjs\/1.6.2\/angular-route.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/angular-ui-bootstrap\/1.3.3\/ui-bootstrap-tpls.js\"><\/script>\n    <link rel=\"stylesheet\" href=\"style.css\" \/>\n    <script src=\"script.js\"><\/script>\n  <\/head>\n\n  <body ng-controller=\"MainCtrl\">\n    <table border=\"1\" cellspacing=\"0\">\n      <tbody>\n        <tr ng-repeat=\"row in rows\">\n          <td ng-repeat=\"column in columns\" style=\"width: 100px; cursor: pointer\" \n            ng-style=\"{ background: getWeight(row, column) ? 'red' :  '' }\"\n            ng-click=\"select(row, column)\">\n            {{row}}{{column}}\n          <\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/body>\n<\/html>\n<\/code><\/pre>\n
myModal.html<\/p>\n
<div class=\"modal-body\">\n  Please enter weight for {{ row }}{{ column }}\n  <input type=\"text\" class=\"form-control\" \n    ng-model=\"weight\" \/>\n  <button class=\"btn btn-primary\"\n    ng-click=\"save()\">Save<\/button>\n<\/div>\n<\/code><\/pre>\n
\n
\n
How can i make every cell clickable?<\/p>\n<\/blockquote>\n
Here’s how to make every cell clickable in AngularJS.<\/p>\n
http:\/\/plnkr.co\/edit\/XKa5WwjyYTugDZ744iWB?p=preview<\/a><\/p>\n
Your question was very unclear.  I couldn’t tell what you wanted, exactly.<\/p>\n
JavaScript:<\/p>\n
module.controller('MainCtrl', function($scope) {\n  $scope.rows = [\n    'A',\n    'B'\n  ];\n\n  $scope.columns = [\n    1,\n    2,\n    3,\n    4,\n    5,\n    6,\n    7,\n    8,\n    9,\n    10\n  ];\n\n  $scope.select = function(row, column) {\n    if ($scope.selectedRow === row && $scope.selectedColumn === column) {\n      $scope.selectedRow = undefined;\n      $scope.selectedColumn = undefined;\n    } else {\n      $scope.selectedRow = row;\n      $scope.selectedColumn = column;\n    }\n  };\n});\n<\/code><\/pre>\n
HTML:<\/p>\n
<body ng-controller=\"MainCtrl\">\n  <table border=\"1\" cellspacing=\"0\">\n    <tbody>\n      <tr ng-repeat=\"row in rows\">\n        <td ng-repeat=\"column in columns\" style=\"width: 100px; cursor: pointer\"\n          ng-click=\"select(row, column)\"\n          ng-style=\"{ background: row == selectedRow && column == selectedColumn ? 'yellow' : 'none' }\">\n          {{row}}{{column}}\n        <\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n\n  <br>\n\n  Selected (row, column): \n  <br>\n  ({{selectedRow || 'undefined'}}, {{selectedColumn || 'undefined'}})\n<\/body>\n<\/code><\/pre>\n<\/p><\/div>\n
<\/div>\n<\/div>\n
            11<\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved How to make excel like cell in javascript or Angularjs dynamically? <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] …in real app, i will have data for some cells like:… how can i set those value on specific cells and have different bg color? You can keep loadData the same and change $scope.getWeight to accommodate the format of the data. This takes a dependency on lodash’s find, since that makes things more concise. … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[930,333],"class_list":["post-20246","post","type-post","status-publish","format-standard","hentry","category-solved","tag-angularjs","tag-javascript"],"yoast_head":"\n[Solved] How to make excel like cell in javascript or Angularjs dynamically? - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] How to make excel like cell in javascript or Angularjs dynamically? - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] …in real app, i will have data for some cells like:… how can i set those value on specific cells and have different bg color? You can keep loadData the same and change $scope.getWeight to accommodate the format of the data. This takes a dependency on lodash’s find, since that makes things more concise. ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-08T22:25:11+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] How to make excel like cell in javascript or Angularjs dynamically?\",\"datePublished\":\"2022-11-08T22:25:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/\"},\"wordCount\":319,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"angularjs\",\"javascript\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/\",\"name\":\"[Solved] How to make excel like cell in javascript or Angularjs dynamically? - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-11-08T22:25:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] How to make excel like cell in javascript or Angularjs dynamically?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] How to make excel like cell in javascript or Angularjs dynamically? - JassWeb","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:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] How to make excel like cell in javascript or Angularjs dynamically? - JassWeb","og_description":"[ad_1] …in real app, i will have data for some cells like:… how can i set those value on specific cells and have different bg color? You can keep loadData the same and change $scope.getWeight to accommodate the format of the data. This takes a dependency on lodash’s find, since that makes things more concise. ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/","og_site_name":"JassWeb","article_published_time":"2022-11-08T22:25:11+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] How to make excel like cell in javascript or Angularjs dynamically?","datePublished":"2022-11-08T22:25:11+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/"},"wordCount":319,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["angularjs","javascript"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/","url":"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/","name":"[Solved] How to make excel like cell in javascript or Angularjs dynamically? - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-11-08T22:25:11+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-make-excel-like-cell-in-javascript-or-angularjs-dynamically\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] How to make excel like cell in javascript or Angularjs dynamically?"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/20246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=20246"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/20246\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=20246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=20246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=20246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}