Twitter bootstrap 使用Bootstrap和AngularJS进行表单验证

Twitter bootstrap 使用Bootstrap和AngularJS进行表单验证,twitter-bootstrap,angularjs-directive,Twitter Bootstrap,Angularjs Directive,我正在尝试使用引导和AngularJS功能验证表单。 仅当用户将焦点放在文本字段中并在不输入任何文本的情况下移除焦点时,才希望收到错误消息。为此,我使用ng类指令来执行动态类绑定,但不幸的是,它不起作用。不知道代码中的问题是什么 代码: <div class="form-group" ng-class="{ 'nameerror': userForm.name.$invalid && userForm.name.$dirty}" > <label cla

我正在尝试使用引导和AngularJS功能验证表单。 仅当用户将焦点放在文本字段中并在不输入任何文本的情况下移除焦点时,才希望收到错误消息。为此,我使用ng类指令来执行动态类绑定,但不幸的是,它不起作用。不知道代码中的问题是什么

代码:

<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>