AngularJS - ajoute une ligne après l'élément dans la directive

Ma question est la même cette unemais au lieu de l'ajouter au début de la ligne, je veux qu'il à ajouter.

Cela ne fonctionne pas:

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

source d'informationauteur kuboslav

  1. 16

    Ce fait le travail:

    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/

  2. 3

    Je pense que vous avez besoin

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

    Démo: Violon

  3. 0

    Voulais juste ajouter quelque chose parce que j'ai eu quelques minutes jusqu'à ce qu'il a travaillé. Si vous n'avez pas de jQuery dans votre projet, vous ne pouvez pas utiliser la insertAfter. Utilisez simplement after() de jQuery API .après()

    J'ai besoin d'ajouter quelques éléments dans mon directive entre autres enfants.

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