0

別の要素内にネストされた入力フィールドがあり、その入力フィールド内で<div>ngMessages を使用しようとしていますが、正しく検証できないようです。

<div class="form-group" ng-model="object.idnumber" ng-hide="condition.userObjectsHidden">
    <label class="form-control-label col-lg-12">ID Number</label>
    <div class="col-lg-12">
    <input type="text" name="idnumber" placeholder="111001111"
        ng-model="user.idnumber"
        ng-pattern="idpattern"
        class="form-control input-lg"
        required="required"></input>
        <div ng-messages="idnumber.$error" ng-if="idnumber.$dirty">
            <p ng-message="pattern">You are wrong!</p>
        </div>
    </div>
</div>

タグが機能的に重要かどうかはわかりません<div ng-messages...>が、この要素の外側に完全に配置しようとしても同じ結果が得られました。Angular と ngMessages を正しく理解していればng-messages、ディレクティブ$error(この場合)に割り当てる必要がありnameます。私の知る限り、私はこれを で行いidnumber.$errorましたが、公平を期すために、 を使用してより広範なドット ウォークも試みましたkiosk-form.uin.$error。ここで、kiosk-formはフォーム全体の名前です。

ng-message="pattern"と同様に両方を試しましたng-message="required"。また、わかりやすくするためidpatternに、Javascript ファイルで正規表現文字列として定義されています。正しく定義されています。

4

1 に答える 1

1

フォームの名前を次のように変更しkioskFormますng-messages ="kioskForm.idnumber.$error"

于 2016-07-18T14:03:54.747 に答える