Question

您能否告诉我如何在angularJs的按钮上的输入字段中显示红色边框。当前，在加载应用程序时显示红色边框。实际上，我在表单上添加了ng所需的验证。但是，我希望此操作仅在单击按钮后才有效，这是我的代码 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;，并在true中使其submit()

$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">

如何在Angular JS中的按钮的输入字段中显示红色边框

1 个答案: