角度：检查是否需要表单元素（是否已填写）

Question

I'm aware that you can use $scope.formName.fieldName.$error.required to find out if a specific field has a required attribute which has not been fulfilled. You can also use $scope.formName.$error.required to find all fields in a form that have an unsatisfied required attribute.

I'm looking to find out weather or not a field is required. This is regardless of weather or not the user has already filled in that field. How can I do this?

NB as a result I want something like this {{countFilledRequiredFields()}}/{{countAllRequiredFields()}} , then I can tell the user something like: you have filled in 3/5 of the required fields

Answer 1

You can get all fields that have satisfied the required attribute from:

$scope.formName.$$success.required

And since you can get all fields that have an unsatisfied required attribute from:

$scope.formName.$error.required

You can easily combine the two to achieve what you want. ie

allRequiredFieldsCount =
    $scope.formName.$$success.required.length +
    $scope.formName.$error.required.length;

filledRequiredFieldsCount = $scope.formName.$$success.required.length;