javascript - 如何在angular js中的按钮输入字段中显示红色边框

Question

你能告诉我如何在 angularJs 的按钮上的输入字段中显示红色边框吗？目前，应用程序加载时显示红色边框。实际上，我在我的表单上添加了 ng-required validation 。但我希望这只有在单击按钮后才能工作这里是我的代码 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">