AngularJS に UI の問題があります。Angular.js を使用して 2 時間経ちましたが、これまで使用したことがないことを心に留めておいてください。プロジェクトを継承しましたが、何が起こっているのかわかりません...しかし
次のフォーム項目があります。
<div><label for="email">email:</label><input type="email" id="email" name="email" required ng-model="user.email" ng-minlength=4></div>
<div><label for="userName">Username:</label><input type="text" name="userName" id="userName" ng-model="user.userName" required ng-pattern="/^[A-Za-z0-9 \-_.]*$/" ng-minlength=4></div>
<div><label for="firstName">Vorname:</label><input type="text" name="firstName" id="firstName" ng-model="user.firstName" required ng-pattern="/^[A-Za-z \-_.]*$/" ng-minlength=3></div>
<div><label for="lastName">Nachname:</label><input type="text" name="lastName" id="lastName" ng-model="user.lastName" required ng-pattern="/^[A-Za-z \-_.]*$/" ng-minlength=4></div>
<div><label for="password1">Passwort:</label><input type="password" name="password1" id="password1" ng-model="user.password1" required ng-minlength=4></div>
<div><label for="password2">Passwort wiederholen:</label><input type="password" name="password2" id="password2" ng-model="user.password2" valid-password2 ng-minlength=4 pw-check="password1"></div>
私のCSSでは、次のcssクラスを設定しました
/**
* Form Validation
*/
input.ng-invalid {
border: 1px solid red;
}
input.ng-valid {
border: 1px solid green;
}
ただし、ページが初めて読み込まれると、css ルールが空のフォーム項目に適用されますか? したがって、すべてのinput type="email"またはinput="text"に赤い境界線が適用されます。AngularJS のバージョンは v1.0.8 です
以前にこれを経験し、問題を解決した人はいますか?