title: Angular: data is not showing up in UI
body: <p>I am trying to access values in a list object, but data not showing up in UI, not sure why?
  i can see the data in the console log. Below are the angular model interface i am using and
  angular class,HTML code and Mock data, what am i doing wrong ?</p>
  <p><strong>Interfaces</strong></p>
  <pre><code>export interface MycodeType {
      SpecialCode?: Mycodes[];
  }
  
  export interface Mycodes {
      SpeicalCode: number;
      SpecialCodeDescription: string;
      SpecialProvidedStatus: string;
  }
  </code></pre>
  <p><strong>My  Angular Component file:</strong></p>
  <pre><code>            export class SpecialCodesComponent implements OnInit {
              
                @Input('sFC') specialFeatureCodes: MycodeType;
              
                constructor() {}
                specialCodesColumns: any[];
                ngOnInit(): void {
                  
                  this.specialFeatureCodesColumns = [
                    { field: 'specialCode', header: 'Special Code', width:'125%' },
                    { field: 'specialDescription', header: 'Special Code Description', width:'75%' },
                    { field: 'providedDerived', header: 'Provided/Derived', width:'125%' },
                  ];
               }
              
              }
  </code></pre>
  <p><strong>HTML:</strong></p>
  <pre><code>            &lt;div *ngIf=&quot;specialCodes?.SpecialCode.length&gt;0&quot; class=&quot;row&quot;
                  style=&quot;padding-left: 0px;padding-right: 25px; text-align:center&quot;&gt;
                  &lt;fm-table [columns]=&quot;specialCodesColumns&quot; [value]=&quot;specialCodes.SpecialCode&quot;&gt;
                      &lt;ng-template fmTemplate=&quot;header&quot; let-columns&gt;
                          &lt;tr&gt;
                              &lt;th *ngFor=&quot;let col of columns&quot; style=&quot;text-align: center; font-size: 15px;&quot;&gt;{{col.header}}&lt;/th&gt;
                          &lt;/tr&gt;
                      &lt;/ng-template&gt;
                      &lt;ng-template fmTemplate=&quot;body&quot; let-rowData let-columns=&quot;columns&quot;&gt;
  </code></pre>
  <p>In the console log i see the data
  SpecialCode: Array [ {…}, {…} ]</p>
  <p>*But data is not showing up in UI</p>
  <p><em>Mock data is that i am using to populate on UI screen:</em></p>
  <pre><code>                &quot;SpecialCodes&quot;:{ 
                             &quot;SpecialCode&quot;:[
                             {
                                &quot;SpecialCode&quot;: &quot;118&quot;,
                                &quot;SpecialCodeDescription&quot;: &quot;some Second data&quot;,
                                &quot;SpecialCodeProvidedStatus&quot;: &quot;Provided&quot;
                             },
                             {
                                &quot;SpecialCode&quot;: &quot;127&quot;,
                                &quot;SpecialCodeDescription&quot;: &quot;some data test&quot;,
                                &quot;SpecialCodeProvidedStatus&quot;: &quot;Derived&quot;
                             }
  </code></pre>