title: Using *ngFor to display string values from array
body: <p>I have an array which is created from splitting a string using <code>str.split()</code> and this creates an array and it looks like this:</p>
  
  <pre><code>var array = [
    "TEXT1,1234,4321,9876",
    "TEXT2,2345,5432",
    "TEXT3,6543,3456"
  ]
  </code></pre>
  
  <p>I want to be able to display this information in a table using <code>*ngFor</code>. </p>
  
  <p>I have tried this (from <a href="https://stackoverflow.com/questions/34053860/using-comma-as-a-list-separator-in-angular-2">this question</a>):</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td *ngFor="let info of array"&gt;{{info.join(",")}}&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>But I get this error:</p>
  
  <pre><code>ERROR TypeError: _v.context.$implicit.join is not a function
      at Object.eval [as updateRenderer]
  </code></pre>
  
  <p>The table should look like this:</p>
  
  <pre><code>TITLE | VALUE1 | VALUE2 | VALUE3
  --------------------------------
  TEXT1 | 1234   | 4321   | 9876
  --------------------------------
  TEXT2 | 2345   | 5432   |
  --------------------------------
  TEXT3 | 6543   | 3456   |
  
  </code></pre>
  
  <p>How do I achieve this table?</p>