Ich habe eine Demo auf Plunker gemacht, so ist das Problem, dass beim Hinzufügen von Klasse = "Ui-Formular", um Element zu bilden angular2 Validierung bricht.Semantic Ui Klassen Ui Form Brüche Angular2 Validierung
Plunker OHNE (class = "ui Form"): linkPlunker1
<form [ngFormModel]="myForm">
Plunker MIT (class = "ui Form"): linkPlunker2
<form [ngFormModel]="myForm" class="ui form">
Dies ist nur ein Problem mit semantischen. css welches gilt
.ui.form .error.message, .ui.form {
display:none;
}
ich auch hinzugefügt .ng-invalid { background-color: # fff6f6! Wichtig; border-color: # e0b4b4! Wichtig; } für das Eingabeelement in mein Stylesheet. Hast du eine bessere Lösung? –
Sorry, ich kenne SemanticUI nicht. Ich habe es gerade debuggt, um zu sehen, dass es von CSS verursacht wird, nicht von Angular. –
Ich habe bessere Lösung gefunden, wenn jemand es braucht. .ui.input.error Eingang { background-color: # fff6f6! wichtig; border-color: # e0b4b4! Wichtig; } –
Sie scheinen sich hier gleich zu verhalten. Welchen Browser benutzen Sie? Ich habe es mit Chrome versucht. –
Ich versuchte mit Chrom –
Beide Plunkers sind gleich. Wenn ich die Klassen hinzufüge, die ich reproduzieren kann. –