eckigen Anweisung wird nicht gerendert, es sei denn, Sie erzwingen den manuellen Seitenumbruch

Ich erlebe das folgende seltsame Verhalten in ui-bootstrap und angular 1.4. Wenn ich eine footable -Tabellenanweisung in ein benutzerdefiniertes Bootstrap-Panel namens hpanel lege, nimmt das footable anfangs mehr Platz ein als das Panel selbst:

Wenn ich jedoch die Größe des Bildschirms ändere (z. B. indem ich das Bedienfeld "Entwicklerwerkzeuge" hier klappe), wird die Anweisung footable selbst gezeichnet und fügt sich in das Feld ein:

Wichtig: Ich habe ähnliche Probleme mit den angular-c3 -Diagramm-Direktiven festgestellt (sie werden falsch geladen, überschreiten die Größe von hpanel, aber bei der Größenänderung der Seite verhalten sich gut), also handelt es sich wahrscheinlich nicht nur um eine defekte Direktive.

Hast du etwas Ähnliches gesehen?

DETAILS:

Im Folgenden finden Sie eine HTML-Vorlage, die den nicht funktionalen Teil der Seite darstellt. Dort haben wir ein hpanel und darin eine Tabelle mit eckigen-fussbaren Anweisungen ^ 1.0.3 , die darauf angewendet werden.

Hier ist die Vorlage ( toolList.html ):

Die Footable-Anweisung soll einige Spalten der Tabelle ausblenden und nach dem Klicken auf eine Tabellenzeile anzeigen. Es bietet auch Seitennummerierung. Es scheint nicht zu funktionieren, wenn die Seite geladen wird, aber wenn ich die Größe der Seite ändere und die Bildschirmgröße den Rand des Medientyps kreuzt (so dass der mittlere Bildschirm im Bootstrap-Modus zu einem großen Bildschirm wird), erscheinen die Seitentasten Spalten, die versteckt werden sollen, sind ausgeblendet.

So importiere ich die footable -Direktive in mein Hauptmodul app.js :

Ich verwende webpack , um all diese Module zu laden und bower , um die Abhängigkeiten zu installieren.

hpanel ist nur eine scss -Klasse, hier ist die Definition:

Hier ist tool.module.js Datei, die die Vorlage animiert:

tool.service.js :

ANTWORT: Die Gemeinschaft ist großartig!

• vor 1,5 Jahren wurde diese Richtlinie erstellt
• Vor 12 Tagen wurde dieser Bug von Alexryan in seiner Gabel behoben
• Vor 10 Tagen habe ich diese Frage auf StackOverflow
gepostet
• Vor 8 Tagen habe ich ein Kopfgeld auf diese Frage gelegt
• vor 7 Tagen ziscloud approved pull request
• heute morgen ist die Bounty abgelaufen und im letzten Moment hat Walfrat herausgefunden, dass der Bug behoben wurde

Also, ja, es war ein Fehler in der Direktive, der dazu führte, dass er sich selbst zeichnete, bevor er die Daten vom Server bekam. Mit dem Bugfix habe ich gerade load-when="vm.tools" -Attribut zu der Direktive hinzugefügt und es funktioniert jetzt gut.

Danke, Alexryan, Ziscloud, Walfrat und andere Kommentatoren / Antworter. StackOverflow und Github haben meinen Tag einfach gemacht!