Anzahl der erforderlichen Felder in Form in eckigen js?

Question

Könnten Sie mir bitte sagen, wie Sie die Anzahl der erforderlichen Felder in Form in eckigen js zählen? In meinem Formular gibt es zwei erforderliche Feld vorhanden ist (E-Mail, wählen Sie Ansicht) .So möchte ich 2 in meiner Seite zeigen .Wenn ich E-Mail füllen. Es sollte nur 1 zeigen. Aber wenn ich Wert aus der Select-Ansicht auswählen sollte es angezeigt werden 0 Wert.

so mache ich eine Richtlinie und versuchen Zählwert Controller zu übertragen, aber es ist nicht korrekten Wert geben hier mein Code http://codepen.io/anon/pen/WGzgdE?editors=1010#anon-login

ist

angular.module('app',[]).directive('requiredCount',function($rootScope){ 
     return { 
      restrict: 'EA', 
      require: '^form', 
      link: { 
       post: function (scope, elem, attr, ctrls) {// jshint ignore:line 
        console.log('ctrls.$name', ctrls.$name); 
        scope.$watch(function() { 
         if (ctrls.$error.required) { 
          return ctrls.$error.required; 
         } 

        }, function (newValue, oldValue) { 
         if (newValue && newValue !== oldValue) { 
          var count = newValue.length; 
          newValue.forEach(function (item) { 
           if (item.$error.required) { 
            // if (item.$valid) { 
             count--; 
            // } 
           } 
          }); 

         } 
        }); 
       } 
      } 
     }; 
    }).controller('app',function($scope){ 
    $scope.$on('count',function(e,a){ 
    $scope.count =a 
    }) 
}); 

Answer 1

können Sie verwenden Form. $ Error.required.length

<div ng-show="form.$invalid"> 
     Sorry but {{form.$error.required.length}} errors found. 
</div> 

Answer 2

Sie fehlt das Namensattribut in den Formularelementen und dem ‚ng-Modell‘ Attribut auf Element.

"test. $ error.required.length" würde einfach die Anzahl der erforderlichen Felder anzeigen.

required field count {{test.$error.required.length}} 

hier die DEMO ist - http://codepen.io/anon/pen/jrzZLX?editors=1010#anon-login