Elemententfernung aus dem DOM mit ng-if oder ng-show wird verzögert, wenn ngAnimate in die App injiziert wird. Andernfalls tritt dies nicht auf.Elemententfernung über ng-if wird verzögert, wenn nngAnimate verwendet wird
Plunkr: https://plnkr.co/edit/rPTjsDCcgGpg6xfS0IVP
var app = angular.module('app', ['ngAnimate']);
, warum dies geschieht, und wie kann ich es beheben?
Dies ist eine Art Workaround-Hack, damit es funktioniert, aber wenn Sie Ihre Tasten in einem <div></div> mit dem ng-wenn auf dem Wrapper dann wird es sofort laden. https://plnkr.co/edit/PGZgrKzZHO7GSCkwfP23?p=preview
Das Problem ist in der semantic.min.css Datei. Entferne diese Linie und du siehst das Flackern nicht mehr (natürlich bekommst du auch kein Styling). Was das bedeutet ist, dass semantic-ui einige Übergänge hinzufügt, die von ng-animate aufgenommen werden.
Tatsächlich scheint es, als ob die ui Klasse das Problem verursacht. Entferne diese Klasse und das Flackern verschwindet ebenso wie das Styling.
Dies ist an sich nicht viel Hilfe, aber es zeigt auf das Problem mit der Kreuzung von Winkel und Semantic-Ui.
Sie haben wahrscheinlich einen CSS-Übergang irgendwo um das Element/die Klassen in Frage. – Phil
Ich bin mir ziemlich sicher, dass dies in der semantic.css passiert, die Sie einschließen. –
Dies tritt nicht auf, wenn ngAnimate nicht injiziert wird. Wenn Sie ngAnimate entfernen, sehen Sie, dass es wie erwartet mit oder ohne semantic-ui funktioniert. –