angularjs - AngularJS – 在指令中的元素后追加行

Question

我的问题与此类似，但我希望它附加而不是前置行。

这不起作用：

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

演示：小提琴

Answer 3

只是想添加一些东西，因为我有几分钟的时间才能工作。如果您的项目中没有 jQuery，则不能使用insertAfter. 只需使用after()jQuery API .after()

我需要在我的指令中添加一些元素到其他孩子之间。

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