2016-08-09 53 views
0

Ich versuche, eckiges Material zum Erstellen von gekachelten Design meiner App verwenden. Bei einem meiner Seiten habe ich einige Elemente, die von ng-repeat und benutzerdefinierte Richtlinie angezeigt:Angular-Material Flex-Fliesen-Design

<div ng-repeat="element in hc.elements" flex-gt-md="30" flex-gt-sm="40" flex-gt-xs="80" flex-xs="80"> 

Wenn, wo es mehr als drei Elemente es in Ordnung aussieht, aber wenn die Anzahl der Elemente 2, als erscheint ein Problem mit der Anzeige - jedes Element hat eine kleinere Breite, wenn im Fall mit 3 Elementen. Warum? Wie kann ich das beheben?

Antwort

0

Das Problem wurde im übergeordneten Container gefunden, der layout-align="center center" hatte. Korrigiert durch Hinzufügen von flex="100" zu einem anderen mittleren Elternteil (Kind des Hauptelternteils, aber Elternteil für meine Elemente).