Javascript 无法使用angular.js清除边框颜色属性

我在使用Angular.js设置/清除border color属性时遇到了一个问题。我的要求是，当用户在未填写表单输入字段的情况下单击submit按钮时，将显示验证消息，相应输入字段的边框颜色将为红色。当用户输入数据时，它将再次删除到以前的状态。我正在解释我的问题代码如下

<div class="input-group bmargindiv1 col-md-12">
  <span class="input-group-addon ndrftextwidth text-right" style="width:180px">College Title :</span>
  <input type="text" name="colgmname" id="procolgtitle" class="form-control" placeholder="Add College Title" ng-model="colgname" ng-keypress="clearField('procolgtitle');">
  <input type="button" class="btn btn-success" ng-click="addProfileData();" id="addProfileData" value="submit" />
</div>

---

这里发生的情况与我的要求类似，但问题是假设用户第一次单击提交按钮时没有填写一些数据，红色边框出现了，然后用户键入了一些数据，红色边框消失了。如果用户再次清除输入字段中所有键入的数据，并单击提交按钮，则红色边框不会再次出现。请帮助我解决此问题。

这是因为

$scope.colgname

第二次不为空（它等于

'

）。 您可以将代码替换为以下内容：

if ($scope.colgname == null || $scope.colgname == '') {
    //...
}

或者这个：

if (!($scope.colgname)) {
    //...
}

if (!($scope.colgname)) {
    //...
}