AngularJs element.height() keine Funktion

Question

Ich versuche eine Direktive zu machen, die die Elementbreite/-höhe beeinflusst. Durch Beispiele schauen, die ich gesehen habe, dass Sie Breite/Höhe durch Verweis auf entsprechende Funktion erhalten/setzen können. Zum Beispiel in Link-Funktion der Richtlinie versuche ich zu tun:

function link(scope, element, attr) { 
    var height = element.height(); 
} 

jedoch in meinem Code erhalte ich „Fehler: element.height ist keine Funktion“.

Fehle ich die Referenz zu einem angular.js Modul/Bibliothek oder Dokumentation ist nicht auf dem neuesten Stand?

Answer 1

Wenn Sie jQuery angular nicht verwenden, ersetzen Sie jQLite durch eine eigene kleinere Bibliothek. jqLite hat keine height() - Funktion für DOM-Elemente. Sie müssen also entweder Ihre eigenen schreiben oder die vollständige Version von jQuery in Ihrem Projekt verwenden.

Die begrenzte jqLite API ist here.

Answer 2

Geoff Genz ist korrekt, dass jqLite keine height() Methode oder gleichwertig hat, aber es gibt immer noch eine Möglichkeit, die Höhe des ausgewählten Elements zu erhalten. Versuchen Sie folgendes:

var height = element[0].offsetHeight; 

element[0] gibt das reine DOM-Element (ohne jqLite Wrapper), die eine offsetHeight Eigenschaft hat.