title: How to push objects in AngularJS right below the element
body: <p>I have recusativ tree... I get it from laravel api. Problem is when I push object it don't go below the comment I want reply, it go on the end.</p>
  
  <p>Here is my directive:</p>
  
  <p><code>el</code> is current element inside <code>ng-repeat</code>, I need below that element to add new one.</p>
  
  <p>This part: <code>scope.comments.push(data);</code> will push element on the end of <code>ng-repeat</code></p>
  
  <pre><code>.directive("addreplys", function($compile,commentFactory){
              return {
                link: function (scope, element, attrs) {
  
                   // I contain the ngModel values for form interaction.
                  scope.form = {
                      reply: ""
                  };
  
                  //CALL FACTORY TO ADD NEW REPLAY
                  scope.addReply = function(el) {
  
                      commentFactory.saveComment(scope.form.reply[el.pivot.comment_id],el.pivot.project_id,el.pivot.comment_id,el.level+1)
                              .success(function(data){
                                  //ADD REPLY TO CLIENT SIDE
                                  scope.comments.push(data);
                              })
                              .error(function(data){
                                 console.log(data); 
                              });
                      // Reset the form once values have been consumed.
                   scope.form.reply = "";
                  };
                }
              };
            });
  </code></pre>
  
  <p>Any solution?</p>