{"id":13279,"date":"2022-10-03T14:59:54","date_gmt":"2022-10-03T09:29:54","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/"},"modified":"2022-10-03T14:59:54","modified_gmt":"2022-10-03T09:29:54","slug":"solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/","title":{"rendered":"[Solved] Ionic5\/Angular &#8211; Error trying to diff &#8216;[object Object]&#8217;. Only arrays and iterables are allowed"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-69879287\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"69879287\" data-parentid=\"69879175\" data-score=\"1\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"js-endorsements\" data-for-answer=\"69879287\">\n<\/div>\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>I&#8217;d try something like this,<\/p>\n<p>As long as the querySnapshot returns array of storedData without any nested objects, you can set it directly if not you have to read it through the correct entry from the response structure and read the values from the list accordingly in your HTML template<\/p>\n<pre><code>fetchBookings() {\n    this.afs\n      .collection('user')\n      .doc(this.userId)\n      .collection('BookingHistory')\n      .get()\n      .subscribe((querySnapshot) =&gt; {\n        querySnapshot.forEach((doc) =&gt; { \/\/ or you can remove this forEach() and set the querySnapshot (if it returns an array of storedData) directly \n          console.log(doc.id, ' =&gt; ', doc.data());\n          this.storedData.push(doc);\n        });\n      });\n  }\n}\n<\/code><\/pre>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\"><\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved Ionic5\/Angular &#8211; Error trying to diff &#8216;[object Object]&#8217;. Only arrays and iterables are allowed <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] I&#8217;d try something like this, As long as the querySnapshot returns array of storedData without any nested objects, you can set it directly if not you have to read it through the correct entry from the response structure and read the values from the list accordingly in your HTML template fetchBookings() { this.afs .collection(&#8216;user&#8217;) &#8230; <a title=\"[Solved] Ionic5\/Angular &#8211; Error trying to diff &#8216;[object Object]&#8217;. Only arrays and iterables are allowed\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/\" aria-label=\"More on [Solved] Ionic5\/Angular &#8211; Error trying to diff &#8216;[object Object]&#8217;. Only arrays and iterables are allowed\">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":[732,980,346,3129],"class_list":["post-13279","post","type-post","status-publish","format-standard","hentry","category-solved","tag-angular","tag-firebase","tag-html","tag-ionic-framework"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] Ionic5\/Angular - Error trying to diff &#039;[object Object]&#039;. Only arrays and iterables are allowed - 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-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Ionic5\/Angular - Error trying to diff &#039;[object Object]&#039;. Only arrays and iterables are allowed - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] I&#8217;d try something like this, As long as the querySnapshot returns array of storedData without any nested objects, you can set it directly if not you have to read it through the correct entry from the response structure and read the values from the list accordingly in your HTML template fetchBookings() { this.afs .collection(&#039;user&#039;) ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-03T09:29:54+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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Ionic5\/Angular &#8211; Error trying to diff &#8216;[object Object]&#8217;. Only arrays and iterables are allowed\",\"datePublished\":\"2022-10-03T09:29:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/\"},\"wordCount\":85,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"angular\",\"firebase\",\"html\",\"ionic-framework\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/\",\"name\":\"[Solved] Ionic5\/Angular - Error trying to diff '[object Object]'. Only arrays and iterables are allowed - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-10-03T09:29:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Ionic5\/Angular &#8211; Error trying to diff &#8216;[object Object]&#8217;. Only arrays and iterables are allowed\"}]},{\"@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] Ionic5\/Angular - Error trying to diff '[object Object]'. Only arrays and iterables are allowed - 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-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Ionic5\/Angular - Error trying to diff '[object Object]'. Only arrays and iterables are allowed - JassWeb","og_description":"[ad_1] I&#8217;d try something like this, As long as the querySnapshot returns array of storedData without any nested objects, you can set it directly if not you have to read it through the correct entry from the response structure and read the values from the list accordingly in your HTML template fetchBookings() { this.afs .collection('user') ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/","og_site_name":"JassWeb","article_published_time":"2022-10-03T09:29:54+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Ionic5\/Angular &#8211; Error trying to diff &#8216;[object Object]&#8217;. Only arrays and iterables are allowed","datePublished":"2022-10-03T09:29:54+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/"},"wordCount":85,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["angular","firebase","html","ionic-framework"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/","url":"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/","name":"[Solved] Ionic5\/Angular - Error trying to diff '[object Object]'. Only arrays and iterables are allowed - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-10-03T09:29:54+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-ionic5-angular-error-trying-to-diff-object-object-only-arrays-and-iterables-are-allowed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Ionic5\/Angular &#8211; Error trying to diff &#8216;[object Object]&#8217;. Only arrays and iterables are allowed"}]},{"@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\/13279","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=13279"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/13279\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=13279"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=13279"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=13279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}