使用深层对象作为ng-model进行Angular 1.3表单验证

超级优步

我有一个使用范围var的表格:

function Money() {
    this.notional = 0;
}
$scope.money = new Money();

但是我不确定在无效的myForm.money.notional时如何显示错误

<form name="myForm">
    <input type="text" ng-model="myForm.money.notional" money="money" finance-input size="30" required
           placeholder="insert currency value"/>

    <div ng-if="myForm.money.notional.$invalid">
        There is an error with the field...
    </div>

        <pre>
Errors = {{ myForm.money.notional.$error  }}
    </pre>

    <button ng-click="reset()">RESET</button>
    <button ng-click="update(user)" ng-disabled="myForm.$invalid">SAVE</button>
</form>
尼科斯(Nikos Paraskevopoulos)

Angular的验证基础结构需要元素名称,而不是模型名称。

在你的情况,你给一个名称的形式,但<input>因此,如果将HTML更改为:

<form name="myform">
    ...
    <input ... name="notional" />

您可以通过以下方式测试有效性:

<div ng-if="myForm.notional.$invalid">...</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章