How to create nested array for object?

I am trying to make "Diagrams" parent under all folders will be children , i have to display Diagrams text as a first folder for tree list so user can expand and collapse ? Its not showing tree with below code.How to get object text and treelist ?

main.html

<treecontrol class="tree-classic" tree-model="dataForTheTree" options="treeOptions" on-selection="showSelected(node)" selected-node="node1" id="treecontrol">
  <span style="padding:10px;">
      <span context-menu="menuOptions" model="node" ng-if="node.text !== 'My Folder' && node.text !== 'Shared By Me' && node.text !== 'Shared To Me' && node.text !== 'Public Folder'">
          <span ng-click="importXMLFunction(node)">{{node.text}}</span>
      </span>
      <span ng-if="node.text === 'My Folder' || node.text === 'Shared By Me' || node.text === 'Shared To Me' || node.text === 'Public Folder'">
          <span>{{node.text}}</span>
      </span>
  </span>
</treecontrol>

ctrl.js

  $scope.dataForTheTree = {
  "Diagrams": [{
    "text": "My Folder",
    "children": myFolderArray
  }, {
    "text": "Shared By Me",
    "children": sharedByMeArray
  }, {
    "text": "Shared To Me",
    "children": sharedToMeArray
  }, {
    "text": "Public Folder",
    "children": publicFolderArray
  }]
  };