AngularJS - aggiungi riga dopo elemento nella direttiva

Question

La mia domanda è simile a this one, ma invece di anteporre la riga, voglio aggiungerla.

Questo non funziona:

app.directive('createTable', function ($compile) { 
    return { 
    link: function (scope, element, attrs) { 
     var contentTr = angular.element('<tr><td>test</td></tr>'); 
     contentTr.parentNode.insertBefore(element, contentTr.nextSibling); 
     $compile(contentTr)(scope); 
    } 
    } 
}); 

Answer 1

Questo fa il lavoro:

app.directive('createTable', function ($compile) { 
    return { 
     link: function(scope, element, attrs) { 
      if (element.next().length) { 
       element.next().insertBefore(element); 
      } 

      var contentTr = angular.element('<tr><td>test</td></tr>'); 
      contentTr.insertAfter(element); 
      $compile(contentTr)(scope); 
     } 
    } 
}); 

http://jsfiddle.net/3gt9J/3/

Answer 2

Penso che è necessario

app.directive('createTable', function ($compile) { 
    return { 
     link: function (scope, element, attrs) { 
      var contentTr = angular.element('<tr><td>test</td></tr>'); 
      contentTr.insertAfter(element); 
      $compile(contentTr)(scope); 
     } 
    } 
}); 

Demo: Fiddle

Answer 3

Volevo solo aggiungere qualcosa perché avevo qualche minuto prima che funzionasse. Se non hai jQuery nel tuo progetto non puoi usare lo insertAfter. Basta usare after() da jQuery API .after()

Ho avuto bisogno di aggiungere alcuni elementi nella mia direttiva tra altri bambini.

element.children().eq(0).after(angular.element('<p>Test</p>'));