AngularJS 学习笔记第三天

表单数据验证

required为当前输入框表示不可为空

当前#userNameRef指向ngModel可以理解为监听输入框中是否有值

而{{表达式}} 中则是将输入框中是否有值验证显示在模版上，

将输入框状态返回为json格式

ngIf也是一个Angular2的指令，顾名思义，是用于做条件判断的。*ngIf="usernameRef.errors?.required"的意思是当usernameRef.errors.required为true时显示div标签。那么那个?是干嘛的呢？因为errors可能是个null，如果这个时候调用errors的required属性肯定会引发异常，那么?就是标明errors可能为空，在其为空时就不用调用后面的属性了。

如果我们把用户名和密码整个看成一个表单的话，我们应该把它们放在一对标签中，类似的加入一个表单的引用formRef。

 fieldset 会将数据都分组到了 login 对象中。

formRef.value 中包括了表单所有填写项的值。

class="ng-pristine ng-invalid ng-touched" 在验证结果为 false 时 input 的样式是 ng-invalid

class="ng-touched ng-dirty ng-valid" 在验证结果为 true 时 input 的样式是 ng-valid