Holen Sie sich das erste Kind in AngularJS Richtlinie

Ich bekommen wollen, und ändern Sie das erste untergeordnete Element des angegebenen Elements in einem Winkel-Richtlinie.

<div class="wanted">
</div>
<div class="not-wanted">
</div>
<div class="not-wanted">
</div>

Ich habe bereits versucht

elm.children('.wanted')

aber dann ist meine Richtlinie ändert alle Kinder.
Wie mache ich das richtig?

  • Haben Sie einen Versuch mit css :erstes Kind-Selektor
  • aktualisieren Sie die Frage mit mehr codes
  • JqLite nicht akzeptieren, eine Auswahl für die Kinder() - so das ist, warum Sie immer alle direkt untergeordneten Elemente. Siehe hier: docs.angularjs.org/api/ng/function/angular.element
InformationsquelleAutor roschulze | 2015-06-22
  1. 8

    Können Sie entweder:

    elm.children().first();

    oder:

    elm.children(':first')

    Beide haben die gleiche Wirkung. Die zweite ist etwas schneller.

    • Ich habe TypeError: elm.Kinder(...).zunächst ist nicht eine Funktion für die erste
    • Könnte Sie aktualisieren Sie Ihre Frage mit der Richtlinie Quelle und die Art, wie Sie es in Ihrem html?
    • der zweite funktioniert einwandfrei
    • In AngularJS (jqlite) Kinder keine Unterstützung für Selektoren, das ist jQuery. AngularJS nicht unterstützt first() entweder, das ist auch jQuery.
    InformationsquelleAutor Tomek Sułkowski
  2. 5

    Benutze ich: element.children().eq(0)

    children() - Die Kinder bekommen, die jedes element in dem Satz von abgestimmten Elementen

    eq() - Reduzieren Sie die Menge der übereinstimmenden Elemente an der angegebenen Indexposition

    InformationsquelleAutor Peter Hedberg
  3. 5

    Eckige umfasst jqLite. JqLite nicht akzeptieren, eine Auswahl für die Kinder() - so das ist, warum Sie immer alle direkt untergeordneten Elemente.

    element.children() - Nicht unterstützt Selektoren

    • Eckige jqLite nicht akzeptieren, einen class-Selektor für finden. "Beschränkt sich auf lookups durch tag-name".
    InformationsquelleAutor Donal
  4. 1

    In eckige Art und Weise mit Hilfe von Richtlinien

    <div ng-repeat="name in names">
<div check-render>{{name}}</div>
</div>

    Controller

    angular.module('myApp').directive('checkRender', function ($timeout) {
    return {
        restrict: 'A',

        link: function (scope, el, attrs) {
if(scope.$first)
alert('first called');
}
}
});
    • Das macht keinen Sinn. Ihr Attribut ist custom-render, aber Ihre Richtlinie gebunden ist checkRender. Auch, um zu schreiben eine gesamte controller / Richtlinie, nur um festzustellen, wenn das erste Kind vorhanden ist? Scheint nicht, wie es ist der beste Weg.
    InformationsquelleAutor Shubham Nigam
Schreibe einen Kommentar