2

私の角度のあるフォームには、以下で定義したテキストのみが表示されます。エラーがあることをユーザーに知らせるために、フォーム入力フィールドに赤い色を表示していません。何が起こっているのか教えてください。

助けてください。

ありがとう！

ページに次のファイルを含めました。

<script src="js/lib/angular/angular-1.0.1.js"></script>
<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.23.custom.css" />
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script>

users.html というテンプレートを含めます。この users.html には、pagination.html という次のテンプレートがさらに含まれています。

<div style="padding-left: 252px;">
   <form name="pageForm" ng-submit="search()">
      Page: <input name="pageTxtField" ng-model="request.page" type="number" 
                required min="1" max="{{totalPages}}" style="width:30px;" ng-pattern="/[0-9]+/" /> of <span ng-bind="totalPages"></span>
   <span class="error" ng-show="pageForm.pageTxtField.$error.required">
        Please enter a number!</span>
   <span class="error" ng-show="pageForm.pageTxtField.$error.valid">
     Enter valid number!</span>
   </form>
</div>
4

1 に答える 1

4

これを解決しました。私のスタイルシートは次のようになります。

form span.error {
   color: red;
}

form.ng-invalid input.ng-invalid {
   border-color: red;
   outline-color: red;
}

同じ問題を抱えている人を助けることができるように、この回答を投稿しています。

ありがとう！

于 2012-09-04T13:06:32.753 に答える