AngularJS - добавить строку после элемента в директиве

Question

Мой вопрос аналогичен this one, но вместо добавления строки я хочу добавить его.

Это не работает:

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

Это делает работу:

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

Я думаю, что вам нужно

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); 
     } 
    } 
}); 

Демо: Fiddle

Answer 3

Просто хотел что-то добавить, потому что у меня было несколько минут, пока он не сработал. Если у вас нет jQuery в вашем проекте, вы не можете использовать insertAfter. Просто используйте after() от jQuery API .after()

Мне нужно было добавить некоторые элементы в мою директиву между другими детьми.

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