语义UI类的UI形式打破Angular2验证

2016-05-30 64 views 1 likes

我已经对plunker演示所以问题是，添加类=“UI形式”时，形成元素angular2验证休息。语义UI类的UI形式打破Angular2验证

PLUNKER WITHOUT（类= “UI形式”）：linkPlunker1

<form [ngFormModel]="myForm">

WITH（类= “UI形式”）PLUNKER：linkPlunker2

<form [ngFormModel]="myForm" class="ui form">

他们似乎在这里表现相同。你使用的是什么浏览器？我尝试过使用Chrome。 –

我试过镀铬 –

这两个重击都是一样的。如果我添加我可以重现的类。 –

回答

这只是语义的问题。适用的css

.ui.form .error.message, .ui.form { 
    display:none; 
}

2016-05-30 14:09:53

我还添加了.ng-无效{ 背景颜色：＃！fff6f6重要; border-color：＃e0b4b4！important; }为我的样式表的输入元素。你有更好的解决方案 –

对不起，我不知道SemanticUI。我只是调试它看到它是由CSS引起的，而不是由Angular引起的。 –

如果有人需要，我找到了更好的解决方案。 .ui.input.error输入{background_color：＃fff6f6！important; border-color：＃e0b4b4！important; } –