1

https://docs.angularjs.org/api/ng/type/form.FormController

ブートストラップ プロジェクトにフォーム検証を追加するとき、私はこのパターンをよく書いていることに気付きます。

<form name="myForm">
    <div class="form-group"
        ng-class="{ 'has-error' : myForm.email.$invalid && (myForm.$submitted || myForm.email.$touched) }">
        <label>Email*</label>
        <input type="email"
            class="form-control"
            name="email"
            ng-model="checkout.info.customer_email"
            required />

        <div class="help-block"
            ng-show="myForm.email.$invalid && (myForm.$submitted || myForm.email.$touched)">
            <div ng-show="myForm.email.$error.required">This field is required.</div>
            <div ng-show="myForm.email.$error.email">This email address is not properly formatted.</div>
        </div>
    </div>
</form>

次のようなフォーム コントローラーの要素に新しいプロパティを追加する簡単な方法があるかどうかを調べようとしていました。

 myForm.email.$showError = myForm.email.$invalid && (myForm.$submitted || myForm.email.$touched

このための関数を作成することもできますが、記述する必要があるのは適切な解決策ではないように感じshowError(myForm, myForm.email)ますが、FormController のソース コードを見た後は、はるかに簡単になる可能性があります。

4

1 に答える 1