Ich habe 4 Formen, von denen angular ng-hide und ng-show verwendet werden, um sie bei Bedarf anzuzeigen. Wenn die Seite jedoch anfänglich geladen wird, werden beim Laden alle Formulare angezeigt und nur nach dem Ladevorgang ausgeblendet. Beim Laden sieht es wirklich beschissen aus. Gibt es eine Möglichkeit, dies zu verhindern?AngularJs ng-hide während des Ladens
3
A
Antwort
0
ng-cloak für Sie arbeiten wird
Beispiel:
in Ihrem CSS:
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
und in Ihrem Code:
<div id="template1" ng-cloak>{{ 'hello' }}</div>
1
CSS:
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
HTML:
<body ng-cloak> ... </body>
funktionieren wird, aber es wird ganzen Körper verstecken. https://docs.angularjs.org/api/ng/directive/ngCloak:
Die Richtlinie kann auf das Element aufgebracht werden, aber die bevorzugte Verwendung ist, mehrere ngCloak Richtlinien kleine Abschnitte der Seite zu ermöglichen eine progressive Darstellung des Browser-Ansicht anzuwenden.
so ist es besser, ng-cloak
auf bestimmte Elemente anzuwenden:
<div ng-cloak> ... </div>
<div ng-cloak> ... </div>
Verwandte Themen
- 1. Material AngularJS ngShow und ngHide
- 2. Schwarzer Bereich auf UIWebView während des Ladens
- 3. Laden des Lade-Cache während des Ladens von DB
- 4. Sphero API - Zugang während des Ladens in der Wiege?
- 5. Rand und Titel während des Ladens von Bildern in Firefox
- 6. Progressive JPEG in Flash während des Ladens anzeigen
- 7. Bootstrap Karussell Bild während des Ladens in zwei Hälften schneiden
- 8. Zeigen Sie ein "Loading ..." Bild während des Ladens des Bildes mit Picasso
- 9. Den Zustand des Ladens in redux beibehalten
- 10. Debuggen des Ladens von app.config-Dateien
- 11. Tell ngAnimate nur zu animieren ngShow/ngHide
- 12. So zeigen Sie eine Fortschrittsanzeige während des Ladens einer anderen Tabellenansicht mit einer Tabellenansicht an
- 13. Wo wird der Modulparameter während des Ladens eines Treibermoduls mit dem Modulparameter
- 14. Wie wird ein Aktivitätsindikator in einer tableViewCell während des Ladens angezeigt?
- 15. Möglichkeit des Ladens/Ausführen ELF-Dateien auf OSX
- 16. Beenden des Ladens Knotenmodul früh ohne Prozess zu stoppen
- 17. Wie verhindern Sie, dass mehrere Kopien des Ladens reagieren?
- 18. Erzwingen des statischen Ladens von DLL aus gegebenem Verzeichnis
- 19. Überladen des Ladens einer JAR-Datei in WebSphere 8.5.5
- 20. NHibernate: Aktivieren des verzögerten Ladens bei Eins-zu-eins-Zuordnung
- 21. Reihenfolge des Ladens einer Klasse aus einer WAR-Datei
- 22. iPhone SDK: UIWebView zum Stoppen des Ladens/Herunterladens von Bildern
- 23. Wechseln von AngularJS-Ansichten während des Wartens auf Versprechen
- 24. make ein Element mit ng-if Start ausgeblendet (verhindern, dass es während des Ladens der Seite angezeigt wird)
- 25. Wie verwende ich CKEditor mit Angulars ngShow/ngHide Direktiven?
- 26. Kann script.readyState vertrauenswürdig sein, um das Ende des Ladens von dynamischen Skripten zu erkennen?
- 27. AngularJS: Kraftverlust des Fokus
- 28. Bildschirmaufnahme während des Testens
- 29. Segmentierungsfehler während des Systemfunktionsaufrufs
- 30. Datenbankinspektion während des Debuggens
[ngCloak] (https://docs.angularjs.org/api/ng/directive/ngCloak) wurde für diesen –
entworfen Wie Wende ich es auf Formulare an? 3 Formulare haben –
Normalerweise möchten Sie es für eine ganze App anwenden, nur für eine Weile, während eckig nicht hier ist. Aber Sie können es auf das anwenden, was Sie wollen - fügen Sie einfach Klasse oder Attribut hinzu ... * Siehe die unten stehende Antwort von docs/@ asdf_enel_hak für die css-Regel * Angular entfernt dieses Zeug, wenn es geladen ist und wird mit Standard-'ngShow/ngHide'-Funktionen versehen. –