angularjs - 检查输入框是否为空

Question

如何检查给定的输入控件是否为空？我知道字段上有 $pristine 属性，它告诉给定字段最初是否为空，但是如果有人填充该字段并再次拉出整个内容怎么办？

我认为上述功能是必要的，因为它对于告诉用户该字段是必填字段很重要。

任何想法将不胜感激!

Answer 1

Quite simple :

<input ng-model="somefield">
<span ng-show="!somefield.length">Please enter something!</span>
<span ng-show="somefield.length">Good boy!</span>

如果您读起来更自然，您也可以使用 ng-hide="somefield.length" 代替 ng-show="!somefield.length" 。

<小时/>

更好的选择可能是真正利用 form abilities of Angular :

<form name="myform">
  <input name="myfield" ng-model="somefield" ng-minlength="5" required>
  <span ng-show="myform.myfield.$error.required">Please enter something!</span>
  <span ng-show="!myform.myfield.$error.required">Good boy!</span>
</form> 

Updated Plnkr here.