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

Question

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

例如： $scope.voiceForm.$setValidity

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

在documentation 中找不到

Answer 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 变为立即为假。