title: Build UI based on object with nested objects arrays
body: <p>I was wondering if there is a way on angular to build an user interface based on an object.</p>
  
  <p>I'm aware of the ng-repeat sections, that works well for simple arrays and or objects containing elements of the same type. But I want to know if there is a way to build dinamically an UI with objects that contains arrays of objects and arrays as elemets. </p>
  
  <p>Here is an example object:</p>
  
  <pre><code>{ name: 'daMan', 
    likings: ['bicicle','running','sleeping'], 
    family: [ {name: 'Ted', type: 'son'},{name: "Marga, type:'Wife'}]
  }
  </code></pre>
  
  <p>I want to display that as a table, where the arrays with strings, are lists of input elements, and the array of objects are simple forms where you can input values for the property names. Also I want to put a plus button on those properties that are an array, so you can add an element of the same type to the array.</p>
  
  <p>Is this too complex? In some way, it sounds like a JSON editor.</p>
  
  <p>Many thanks.</p>