以下のコードは、私のフォームの 1 行です。
スニペット全体で「AddCarForm.uCarName.$dirty && AddCarForm.uCarName.$invalid」を数回複製します。これを変数にリファクタリングできますか?ユーザーの入力が変更されると、条件への回答で更新されます/リファクタリングのより良い方法ですか?
<div class="form-group required " ng-class="{'has-error': AddCarForm.uCarName.$dirty && AddCarForm.uCarName.$invalid}">
<label class=" control-label col-lg-5 " for="uCarName">Name:</label>
<div class="col-lg-7 ">
<input type="text" ng-model="carDetails.carName" name="uCarName" class="form-control" required />
</div>
<div class="row">
<div ng-show="AddCarForm.uCarName.$dirty && AddCarForm.uCarName.$invalid" class="error-msg col-lg-offset-5 col-lg-7">
<span ng-show="AddCarForm.uCarName.$error.required"> Car Name required </span>
</div>
</div>
</div>