AngularJS – append-Zeile nach dem element in der Richtlinie

Meine Frage ist ähnlich wie diese eine, aber anstatt voranstellen, der Zeile, ich will es anfügen.

Dies nicht funktioniert:

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

InformationsquelleAutor kuboslav | 2013-08-28

  1. 17

    Dieser macht den 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/

    jqLite nicht insertAfter also, wenn Sie nicht mit Hilfe von jQuery haben Sie zu verwenden .nach statt.
    Frage: warum tun Sie müssen swap die Elemente? Ich bin unklar, warum Sie nicht "einfach so" funktionieren, wenn Sie fügen die Elemente eingefügt werden, um das aktuelle element.
    Der Tausch ist nötig, da jede Zeile von repeat macht in die ursprüngliche position (vor der alle Zeilen haben wir schon angehängt). So die swap prüft nur, ob es eine Zeile angehängt, die nach und verschiebt es Sie vor der aktuellen Zeile.

    InformationsquelleAutor noj

  2. 3

    Ich glaube, Sie brauchen

    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

    Danke, aber es funktioniert nicht wie ich will – es anfügen alle Zeilen am Ende der Tabelle. Siehe mein update: jsfiddle.net/3gt9J/2

    InformationsquelleAutor Arun P Johny

  3. 0

    Wollte nur etwas ergänzen, denn ich hatte einige Minuten, bis es funktionierte. Wenn Sie nicht über jQuery in Ihr Projekt, das Sie nicht verwenden können, die insertAfter. Verwenden Sie einfach after() aus jQuery-API .nach()

    Ich brauchte, um einige Elemente in meinem Richtlinie zwischen anderen childs.

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

    InformationsquelleAutor NDY

Schreibe einen Kommentar