带有AngularJs自定义验证的CSS

当字段输入无效时，我无法获取要显示的消息。我可以看到类被正确地应用到元素，即ng dirty ng invalid ng invalid pattern，所以我只需要显示错误消息。我的html有问题吗

谢谢

<form ng-controller="FormCtrl" name="TestForm" action="http://myserver/api" method="post" novalidate>

<div class="form-group">
  <input class="form-control" type="text" id="vld" name="vld" data-ng-pattern="/(^$)|(\b\d{9}\b)/" data-ng-model="model.tfn">
  <span class="error" data-ng-show="model.tfn.$invalid">Correct input etc...</span>
</div>

</form>

---

您正在查找的信息是FormController的一部分。您需要通过ng form指令设置formController：

<div class="form-group" ng-form="myForm">
  <input class="form-control" type="text" id="vld" name="vld" data-ng-pattern="/(^$)|(\b\d{9}\b)/" data-mg-model="model.tfn">
  <span class="error" data-ng-show="myForm.vld.$invalid">Correct input etc...</span>
</div>

---

如果完成此操作，您可以通过[OFrmController的名称][输入字段的名称]访问信息.$invalid例如myForm.vld.$invalid

首先，数据mg模型应为data-ng-model。如果您向我们展示您的控制器也会有所帮助。谢谢@Michael-我可以澄清一下您是否需要单独的指令进行验证，或者可以通过主FormCtrl完成吗？@MikeW您只需要一个指令，如果ng模式或其他现有指令不符合您的需要。如果模式足够，则不需要任何控制器代码。