如何在角度js中的按钮上的输入字段中显示红色边框

Question

能否请您告诉如何在 angularJs 中的按钮的输入字段中显示红色边框。目前，应用程序加载时会显示红色边框。实际上，我在我的表单上添加了 ng-required 验证。但我希望这仅在按钮单击后才起作用，这是我的代码 http://plnkr.co/edit/zL0cueTJN6xqxC4LzhOd?p=preview

<div class="form-group" ng-class="{'has-error': myform[key].$invalid}">
                                    <input type="text" name="{{key}}" class="form-control" ng-model="value.value" ng-required="value.required">
                                  </div>

Answer 1

在范围内声明一个变量$scope.isSubmitClicked=false;，并在submit()中将其设为true

$scope.isSubmitClicked = false;
$scope.submit = function ($event) {           
    $scope.isSubmitClicked = true;
};

然后

<input type="text" name="{{key}}" class="form-control" ng-model="value.value" ng-required="value.required && isSubmitClicked">