title: Getting error on console for number,string,boolean on console.Cannot find a differ supporting object '100' of type 'number'
body: <p>I have implemented this below code and its showing data properly on page but I am trying to find out why its giving error on console I have tried multiple ways to check the type of *<strong>ngIf=&quot;(parameter.value | type) === 'number'&quot;</strong> and put parameter in div for each but nothing is working out and I am getting error on console and I am unable to find out the solution to stop this error.</p>
  <p>I am using angular 10 and  &quot;primeng&quot;: &quot;^9.0.6&quot; version.</p>
  <p>Can anyone please help me into this.</p>
  <p>Thanks.</p>
  <p><strong>in html file --&gt;</strong></p>
  <pre><code>
  &lt;p-accordion [multiple]=&quot;true&quot;&gt;
                  &lt;p-accordionTab [selected] =&quot;true&quot; *ngFor=&quot;let category of response.categories&quot;
                      header=&quot;{{ category.name | translate}}&quot;&gt;
                      &lt;div class=&quot;panel-body request-details&quot;&gt;
                          &lt;div *ngFor=&quot;let parameter of category.parameters &quot;&gt;
                              &lt;div &gt;
                                  &lt;div  class=&quot;col-md-12&quot;&gt;
                                      &lt;div class=&quot;request-legend ng-binding col-md-3&quot;
                                          title=&quot;{{ parameter.name |translate}}&quot;&gt;
                                          {{ parameter.name|translate }}
                                      &lt;/div&gt;
                                      &lt;div class=&quot;col-md-9 param-value&quot;&gt;
                                          {{format( parameter.value) }}
                                      &lt;/div&gt;
                                  &lt;/div&gt;         
                              &lt;/div&gt;
                              &lt;div *ngIf=&quot;isEmptyArray(parameter.value)&quot; class=&quot;col-md-9 param-value&quot;&gt;
                                  Not defined&lt;/div&gt;
                                  &lt;div *ngFor=&quot;let subparameter of parameter.value&quot;&gt; 
                                      &lt;div class=&quot;col-md-offset-3 col-md-9 param-value&quot;&gt;
                                              {{format(subparameter)}}
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                  &lt;/p-accordionTab&gt;
                  &lt;!--&lt;/div&gt;--&gt;
              &lt;/p-accordion&gt;
  
  
  </code></pre>
  <p><strong>in typescript file --&gt;</strong></p>
  <pre><code>
  this.service.getData().subscribe(
        data =&gt; { this.response = data;
         }, 
        error =&gt; {
      });
  </code></pre>
  <p><strong>in model file --&gt;</strong></p>
  <pre><code>
   export class Response {
      name?: string;
      categories?: Array&lt;Object&gt;;
  }
  </code></pre>
  <p><strong>in json file --&gt;</strong></p>
  <pre><code>
  
  
  {
      &quot;name&quot;: &quot;MSO&quot;,
      &quot;categories&quot;: [
          {
              &quot;name&quot;: &quot;MSO_01&quot;,
              &quot;parameters&quot;: [
                  {
                      &quot;name&quot;: &quot;MSO_001&quot;,
                      &quot;value&quot;: &quot;Mso 2&quot;
                  },
                  {
                      &quot;name&quot;: &quot;MSO_002&quot;,
                      &quot;value&quot;: null
                  }
              ]
          },
          {
              &quot;name&quot;: &quot;MSO_0023&quot;,
              &quot;parameters&quot;: [
                  {
                      &quot;name&quot;: &quot;MSO_005&quot;,
                      &quot;value&quot;: &quot;MSO_90&quot;
                  },
                  {
                      &quot;name&quot;: &quot;MSO_090&quot;,
                      &quot;value&quot;: 3
                  },
                  {
                      &quot;name&quot;: &quot;MSO_089&quot;,
                      &quot;value&quot;: null
                  },
                  {
                      &quot;name&quot;: &quot;MSO_789&quot;,
                      &quot;value&quot;: null
                  }
              ]
          },
      ]
  }
  </code></pre>
  <p>Error</p>
  <pre><code>core.js:4197 ERROR Error: Cannot find a differ supporting object 'mso' of type 'string'. NgFor only supports binding to Iterables such as Arrays.
      at NgForOf.ngDoCheck (common.js:3191)
      at callHook (core.js:3042)
      at callHooks (core.js:3008)
      at executeInitAndCheckHooks (core.js:2960)
      at refreshView (core.js:7331)
      at refreshEmbeddedViews (core.js:8408)
      at refreshView (core.js:7340)
      at refreshEmbeddedViews (core.js:8408)
      at refreshView (core.js:7340)
      at refreshComponent (core.js:8454)
  defaultErrorLogger @ core.js:4197
  core.js:4197 ERROR Error: Cannot find a differ supporting object '3' of type 'number'. NgFor only supports binding to Iterables such as Arrays.
      at NgForOf.ngDoCheck (common.js:3191)
      at callHook (core.js:3042)
      at callHooks (core.js:3008)
      at executeInitAndCheckHooks (core.js:2960)
      at refreshView (core.js:7331)
      at refreshEmbeddedViews (core.js:8408)
      at refreshView (core.js:7340)
      at refreshEmbeddedViews (core.js:8408)
      at refreshView (core.js:7340)
      at refreshComponent (core.js:8454)
  defaultErrorLogger @ core.js:4197
  3core.js:4197 ERROR Error: Cannot find a differ supporting object 'true' of type 'boolean'. NgFor only supports binding to Iterables such as Arrays.
      at NgForOf.ngDoCheck (common.js:3191)
      at callHook (core.js:3042)
      at callHooks (core.js:3008)
      at executeInitAndCheckHooks (core.js:2960)
      at refreshView (core.js:7331)
      at refreshEmbeddedViews (core.js:8408)
      at refreshView (core.js:7340)
      at refreshEmbeddedViews (core.js:8408)
      at refreshView (core.js:7340)
      at refreshComponent (core.js:8454)
  defaultErrorLogger @ core.js:4197
  core.js:4197 ERROR Error: Cannot find a differ supporting object '1' of type 'number'. NgFor only supports binding to Iterables such as Arrays.
      at NgForOf.ngDoCheck (common.js:3191)
      at callHook (core.js:3042)
      at callHooks (core.js:3008)
      at executeInitAndCheckHooks (core.js:2960)
      at refreshView (core.js:7331)
      at refreshEmbeddedViews (core.js:8408)
      at refreshView (core.js:7340)
      at refreshEmbeddedViews (core.js:8408)
      at refreshView (core.js:7340)
      at refreshComponent (core.js:8454)
  </code></pre>