使用 Angular JS 查看模型验证

View Model validation with Angular JS?

本文关键字：模型 验证 Angular JS 使用      更新时间：2023-09-26

作为一个从 asp.net mvc 转向角度 js 的开发人员，我对 angular js 验证的默认验证实现感到失望。似乎角度，默认情况下在视图中实现客户端验证，这违反了关注点分离规则（恕我直言）。

就个人而言，我更喜欢在视图模型中实现验证规则，而不是在视图中实现验证规则。不确定这是否在角度js社区中被广泛采用和推荐。

所以我的问题是：
1） 在 angular js 中验证的默认实现是否比将其分离到视图模型中更可取？2） 是否有任何现有的角度库可以在单独的层中实现验证逻辑？

我期待这样的事情。

model.User = {
    Name: { validate: required, errorMessage: 'Name is required'},
    Price: {
        validate: number, errorMessage: 'Price should be number',
        validate: number.min = 0, number.max = 100, errorMessage = 'Price should be between 0 and 100',
    }
}
<input ng-model="User.Name" name="Name">
<input ng-model="User.Price" name="Price>

Anugular 2 具有Model Driven Forms，您可以在控制器中引入验证逻辑。

适合阅读表单模板驱动与模型驱动

相关文章：