如何在angularjs中进行表单验证和条件标记？

Question

如何使用角度js和表单等显示错误类/消息？

我试过了，但它似乎根本没有验证：

<div class="form-group" ng-class="{'has-error': obj.title.$invalid}">
  <label for="name">Name</label>
  <input type="text" class="form-control" id="name" ng-model="obj.title" required>
</div>
<div class="alert alert-danger" ng-show="obj.title.$invalid">
  You are required to enter a name.
</div>

http://plnkr.co/edit/C6eU4pIS8FTfA59SCShh?p=preview

Answer 1

您必须将其包含在<form>内，为form提供名称并input为名称，然后通过formName.inputName

访问有效性

<form name="form">
    <div class="form-group" ng-class="{'has-error': obj.title.$invalid}">
      <label for="name">Name</label>
      <input type="text" name="title" class="form-control" id="name" ng-model="obj.title" required>
    </div>
    <div class="alert alert-danger" ng-show="form.title.$invalid">
      You are required to enter a name.
    </div>
  </form>

请注意，<form>是角度为FormController的实例。这就是我们进行角度验证的地方。

DEMO