title: AngularJS - Create Multidimensional Array
body: <p>Using one drag and drop plugin for passing data, <code>ondrop</code> event fetching data like below</p>
  
  <p><strong>Ctrl</strong></p>
  
  <pre><code>var streamArr = [];
  $scope.onDrop = function (data, dragElement, dropElement, event) {
      streamArr.push({'userId':userId,'divid':divId,'userName':userName,'streamingState':$rootScope.route});
  });
  </code></pre>
  
  <p><strong>Output</strong></p>
  
  <pre><code>10
  divPictureBox00
  User1
  live
  </code></pre>
  
  <p>Now, whenever user drop something I need to push the data in one array so the resulting itesm would be like below</p>
  
  <pre><code>streamArr: [
  {userId: 10, divId: 'divPictureBox00', userName: 'User1', streamingState:'live'},
  {userId: 11, divId: 'divPictureBox01', userName: 'User2', streamingState:'live'},
  {userId: 12, divId: 'divPictureBox02', userName: 'User3', streamingState:'recorded'},
  {userId: 10, divId: 'divPictureBox00', userName: 'User1', streamingState:'live'},
  ]
  </code></pre>
  
  <p>But the data is not being pushed in that array. How do I go about it ?</p>