語義UI類的UI形式打破Angular2驗證

我已經對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; } –

回答