AngularJS - append Zeile nach Element in der Direktive

Question

Meine Frage ist ähnlich wie this one, aber anstelle von Zeile vor, ich möchte es anhängen.

Dies funktioniert nicht:

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

Dies hat den Zweck erfüllt:

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

Ich glaube, Sie brauchen

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

Ich wollte nur etwas hinzufügen, weil ich einige Minuten hatte, bis es funktionierte. Wenn Sie jQuery in Ihrem Projekt nicht haben, können Sie nicht verwenden. Verwenden Sie einfach after() von jQuery API .after()

Ich musste einige Elemente in meiner Direktive zwischen anderen Kindern hinzufügen.

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