AngularJS – append row after element in directive -
my question similar this one , instead of prepending row, want append. this doesn’t work: 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); } } }); this job: 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/