セマンティックUiクラスuiフォームがAngular2の妥当性検査を中断する

私はplunkerでデモを作成しました。問題は、class2 = "ui form"を追加して、element2の妥当性検査のブレークを構成するときです。（クラス= "UIフォーム"）WITHOUTセマンティックUiクラスuiフォームがAngular2の妥当性検査を中断する

PLUNKER：（クラス= "UIフォーム"）WITH linkPlunker1

<form [ngFormModel]="myForm">

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

ここで同じように動作するようです。どのブラウザを使用していますか？私はChromeで試しました。 –

私はクロムで試した –

両方のプランカは同じです。クラスを追加すれば、私は再現することができます。 –

これは、意味を持つだけの問題です。適用するCSS

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

2016-05-30 14:09:53

また、.ng-invalid { 背景色：＃fff6f6！important; border-color：＃e0b4b4！important; }を入力してください。 –

申し訳ありませんが、私はSemanticUIを知らないです。 CSSで発生したことを確認するためにデバッグしましたが、Angularでは発生しません。 –

誰かがそれを必要とするなら、私はより良い解決策を見つけました。 .ui.input.error input { 背景色：＃fff6f6！重要; border-color：＃e0b4b4！important; } –

答えて