Dieser Artikel ist ein Spiegelartikel der maschinellen Übersetzung, bitte klicken Sie hier, um zum Originalartikel zu springen.

Architect_Programmer_Code Landwirtschaftsnetzwerk»Architekt › Frontend-Design & Web › Frontrahmen › Die Angular 11 Serie (XV) erhält die Bauteilhöhe und stellt die Höhe dynamisch an ...
Ansehen: 9574|Antwort: 1

[Kantig] Die Angular 11er Serie (XV) erhält die Bauteilhöhe und passt die Höhe dynamisch an

[Link kopieren]
Veröffentlicht am 23.08.2020 18:05:22 | | | |
Angular 9er Serie (1) Dynamisch geladene Bauteile
https://www.itsvse.com/thread-9238-1-1.html

Winkel-9-Serie (2) dynamische Komponenten Übertragungsparameter
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 Serie (3) unterzieht dynamische Komponentenereignisse
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 Serie (IV) Individuelle Rohrleitungen
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formatiert das Format der Betragswährung
https://www.itsvse.com/thread-9249-1-1.html

Die Winkel-9-Reihe (VI) ruft native JS-Variablen und Methoden auf
https://www.itsvse.com/thread-9254-1-1.html

Angular 9-Serie (VII) CSS-ähnliches Zielfernrohr
https://www.itsvse.com/thread-9264-1-1.html

Die Angular 9-Reihe (VIII) aktualisiert den Wert einer Kindkomponente, indem ein Ereignis per Set ausgelöst wird
https://www.itsvse.com/thread-9267-1-1.html

Angular 9 Serie (neun) #id Selektor auf der Seite angewendet
https://www.itsvse.com/thread-9278-1-1.html

Die Angular 9er Serie (10) integriert Vconsole- und Eruda-Entwickler-Debugging-Panels
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 Serie (XI) 5 Möglichkeiten, Stile zu definieren
https://www.itsvse.com/thread-9305-1-1.html

Die Angular 9-Serie (XII) erzeugt dynamische Token basierend auf OTPs
https://www.itsvse.com/thread-9325-1-1.html

Die Angular 10 Serie (dreizehn) führt Baidu echarts Charts ein
https://www.itsvse.com/thread-9347-1-1.html

Produktionsumgebung der Angular 11 Serie (XIV) zum Debuggen
https://www.itsvse.com/thread-9348-1-1.html
Zunächst sind die sichtbaren Höhen- und Breitencodes des dynamischen Browsers wie folgt:

WirDer königsblaue Hintergrund-Div ändert sich mit der Höhenänderung im gesamten Browser, die Höhe beträgt ein Fünftel der sichtbaren Höhe des Browsers, und die Konsole gibt die angepassten Breiten- und Höhenwerte des aktuellen Fensters aus, wie in der untenstehenden Abbildung dargestellt:



Der Code lautet wie folgt:

HTML-Code:



TS-Code:

Bestimmen Sie die Höhe des Bauteils

Der HTML-Code für die app-test1-Komponente ist wie folgt:



HTML-Code:

TS-Code:

Für Angular 8 oder höher musst du zwei Parameter im ViewChild angeben


Andernfalls lautet der Fehler wie folgt:

ERROR TypeError: Kann die Eigenschaft 'clientHeight' von undefiniert nicht lesen
Wir erhalten direkt die Höhe der Test1-Komponente, sie wird 0 zurückgeben, wir müssen eine Schicht div von außen umwickeln, um die normale Höhe zu erhalten, wie in der Abbildung unten gezeigt:



(Ende)




Vorhergehend:[Drehen], um die Position des Cursors im HTML zu erhalten
Nächster:NPOI Read-Export-Demo

Verwandte Beiträge
 Vermieter| Veröffentlicht am 23.08.2020 18:06:05 |
Oder versuchen Sie:https://www.npmjs.com/package/angular-resize-event
Verzichtserklärung:
Alle von Code Farmer Network veröffentlichten Software, Programmiermaterialien oder Artikel dienen ausschließlich Lern- und Forschungszwecken; Die oben genannten Inhalte dürfen nicht für kommerzielle oder illegale Zwecke verwendet werden, andernfalls tragen die Nutzer alle Konsequenzen. Die Informationen auf dieser Seite stammen aus dem Internet, und Urheberrechtsstreitigkeiten haben nichts mit dieser Seite zu tun. Sie müssen die oben genannten Inhalte innerhalb von 24 Stunden nach dem Download vollständig von Ihrem Computer löschen. Wenn Ihnen das Programm gefällt, unterstützen Sie bitte echte Software, kaufen Sie die Registrierung und erhalten Sie bessere echte Dienstleistungen. Falls es eine Verletzung gibt, kontaktieren Sie uns bitte per E-Mail.
Mail To:help@itsvse.com