AngularJS - nối thêm hàng sau phần tử theo chỉ thị

Question

Câu hỏi của tôi tương tự như this one, nhưng thay vì hàng trước, tôi muốn nó nối thêm.

này không hoạt động:

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

này không được công việc:

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

tôi nghĩ rằng bạn cần

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

Chỉ muốn thêm thứ gì đó vì tôi đã có vài phút cho đến khi nó hoạt động. Nếu bạn không có jQuery trong dự án của bạn, bạn không thể sử dụng insertAfter. Chỉ cần sử dụng after() từ jQuery API .after()

Tôi cần thêm một số yếu tố trong chỉ thị của mình giữa các trẻ khác.

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