我的$invalid没有效果 怎么回事啊
<body ng-app="myApp" ng-controller="MainController">
<form name="signUpForm" class="form-group"
ng-submit="submitForm()">
<label>用户名:</label>
<input class="form-control"
ng-minlength="4"
ng-model="username"
name="username"
required
ng-class="{'erro':signUpForm.username.$invalid && !signUpForm.username.$pristine}"/>
<div ng-if="signUpForm.username.$invalid && !signUpForm.username.$pristine}">用户名至少4位</div>
</form>
</body>