如何从 Angular 1.5 组件中获取表单验证

Posted 2023-02-23

【中文标题】如何从 Angular 1.5 组件中获取表单验证

【英文标题】：how to get form validation from angular 1.5 component

【发布时间】：2017-07-16 12:40:27

【问题描述】：

我知道如何从 Angular 1.5 设置表单验证

例如： $scope.voiceForm.$setValidity

但是我如何才能get 来自组件代码的form-validaiton 状态？

在documentation 中找不到

【参考方案1】：

下午好，

使用此参考：Link

    <form name="demoForm">
      <input name="amount" type="number" ng-model="amount" max="100">
      <div ng-messages="demoForm.amount.$error">
        <div ng-message="number">Should be a number</div>
        <div ng-message="max">The number is too large.</div>
      </div>
    </form>
    demoForm.amount.$valid

如果您通过将代码添加到“表单”之外来获取代码和测试 demoForm.amount.$valid 将始终为您提供表单的状态。

默认情况下，正确的数字将设置为“true”，但如果您输入的数字（例如 12020929292）太长，则会跳过错误，demoForm.amount.$valid 将从 true 变为立即为假。