如何从angular 1.5组件获得表单验证

时间:2017-02-25 18:05:06

标签: javascript html angularjs components

我知道如何从angular 1.5

设置表单验证

例如: $scope.voiceForm.$setValidity

但我如何get来自组件代码的form-validaiton状态?

无法在documentation

中找到

1 个答案:

答案 0 :(得分:0)

下午好,

使用此参考: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}}

如果您将代码和测试添加到&#34;表单&#34; 之外 {{demoForm.amount。$ valid}}将始终为您提供表单的状态。

默认情况下,正确的数字将设置为&#34; true&#34;但是如果你把12020929292之类的数字放得太久,就会跳过错误,{{demoForm.amount。$ valid}}会立即从true变为false。