Javascript 为什么控制器和HTML没有链接？

我有以下代码-显示带有验证的登录页面。但看起来好像出了什么问题，所有的验证文本都会显示出来。怎么了。如何将其添加为单独的控制器模块

欢迎
@版权所有

之所以显示它们，是因为它们是无效的这就是所有这些都是预期的行为这就是为什么错误消息通常是这样包装的：

<div ng-if="userForm.username.$dirty || userForm.username.$touched">
    <p ng-show="userForm.username.$error.minlength" class="help-block">Username is too short.</p>
    <p ng-show="userForm.username.$error.maxlength" class="help-block">Username is too long.</p>
 </div>

用户名太短

用户名太长

$dirty：如果字段的值已更改。 $touch：如果用户在字段中单击并退出，即使不更改值