1

以下のコードは、私のフォームの 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>

4

1 に答える 1