使用Bootstrap和AngularJS进行表单验证

Question

我正在尝试使用Bootstrap和AngularJS功能验证表单。 仅当用户将焦点放在文本字段中并且在不输入任何文本的情况下移除焦点时，期望获取错误消息。为此，我使用ng-class指令来执行动态类绑定，但遗憾的是它无效。不知道代码中的问题是什么。

代码：

<div class="form-group" ng-class="{ 'nameerror': userForm.name.$invalid && userForm.name.$dirty}" >
    <label class="control-label">Name</label>
    <input type="text" class="form-control" name="name" ng-model="user.name" required placeholder="Name" />
    <p ng-show="userForm.name.$invalid && !userForm.name.$pristine" class="help-block">Name is required</p>
</div>