title: Multidimensional array iteration with ngFor
body: <p>I have a dataset like that:</p>
  
  <pre><code>   [
          {
              prop1: "",
              prop2: "",
              child: [
                  prop1: "",
                  prop2: "",
                      child: [
                      ...
                      ]
              ]
          },
          {
              prop1: "",
              prop2: "",
              child: [
                  prop1: "",
                  prop2: "",
                      child: [
                      ...
                      ]
              ]
          }
      ],
  [
          {
              prop1: "",
              prop2: "",
              child: [
                  prop1: "",
                  prop2: "",
                      child: [
                      ...
                      ]
              ]
          },
          {
              prop1: "",
              prop2: "",
              child: [
                  prop1: "",
                  prop2: "",
                      child: [
                      ...
                      ]
              ]
          }
      ],
  </code></pre>
  
  <p>This can go deeper forever, it is not a two or three-dimensional array. It is an N-dimensional array. I was thinking of how to properly iterate it in the HTML, but using nested ngFor would be a suicide and kinda impossible since, as I said, I don't know how many nested children I will have. </p>
  
  <p>What I want is a tree view of that dataSet.</p>
  
  <p>What could be a good solution to this?</p>