检查输入框是否为空

Question

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

我认为上述功能是必要的，因为它对告知用户该字段必不可少。

任何想法将不胜感激！

Answer 1

很简单：

<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"如果这对您来说更自然。

更好的替代方法可能是真正利用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>

在此处更新了Plnkr。