Question

我有一个嵌套在另一个<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文件中定义为正则表达式字符串。它定义正确。

Answer 1

将表单重命名为kioskForm，然后ng-messages ="kioskForm.idnumber.$error"

ngMessages与嵌套输入无法正常工作

1 个答案: