подсчитать повторяющиеся значения в массиве с помощью angularjs

Question

У меня есть форма с 5 вопросами и 3 различными ответами на каждый вопрос.

например. q1. Какой ваш любимый цвет?

радио-кнопка-1. value голубой радио кнопка-2. значение красный радио-кнопка-3. value grey

Большинство из этих вопросов имеют одинаковое значение (синий, красный, серый), что я и хочу, однако я пытаюсь добавить все значения вместе в конце формы, чтобы я мог определить если лицо, заполняющее форму, равно одному из значений (синий, красный или серый).

Я создаю эту форму с помощью angularjs, и это то, что у меня есть до сих пор.

<label>Q1. what is your favorite color?</label> 
    <div class="form-group"> 
     <div class="radio"> 
      <label> 
      <input type="radio" ng-model="formData.color" value="blue"> 
       blue 
      </label> 
     </div> 
     <div class="radio"> 
      <label> 
      <input type="radio" ng-model="formData.color" value="red"> 
       red 
      </label> 
     </div> 
     <div class="radio"> 
      <label> 
      <input type="radio" ng-model="formData.color" value="grey"> 
       grey 
      </label> 
     </div> 

этот бит кода работает только тогда, когда у меня есть значения уже введенные в переменную

$scope.formData = { }; 
$scope.formData = []; 
$scope.formData.sort(); 
var current = null; 
var cnt = 0; 
for (var i = 0; i < $scope.formData.length; i++) { 
    if ($scope.formData[i] != current) { 
     if (cnt > 0) { 
      console.log(current + ' shows ' + cnt + ' times'); 
     } 
     current = $scope.formData[i]; 
     cnt = 1; 
    } else { 
     cnt++; 
    } 
} 
if (cnt > 0) { 
    console.log(current + ' shows ' + cnt + ' times'); 
} 

Answer 1

Вот пример решения plunker. Будет ли это работать?

контроллер

$scope.questions = [ 
    'Q1. what is your favorite color?', 
    'Q2. what color is your car?', 
    'Q3. what color best represents you?' 
    ]; 
    $scope.formData = []; 

    $scope.stats = function() { 
    $scope.results = {}; 
    for (var i = 0; i < $scope.formData.length; i++) { 
     var color = $scope.formData[i]; 
     if(color) { 
     if ($scope.results.hasOwnProperty(color)) { 
      $scope.results[color]++; 
     } else { 
      $scope.results[color] = 1; 
     } 
     } 
    } 
    }; 

шаблон

<div class="form-group" ng-repeat="q in questions"> 
    <label>{{q}}</label> 
    <div class="radio"> 
    <label> 
     <input type="radio" ng-model="formData[$index]" value="blue">blue 
    </label> 
    </div> 
    <div class="radio"> 
    <label> 
     <input type="radio" ng-model="formData[$index]" value="red">red 
    </label> 
    </div> 
    <div class="radio"> 
    <label> 
     <input type="radio" ng-model="formData[$index]" value="grey">grey 
    </label> 
    </div> 
</div> 

<button ng-click="stats()">show results</button> 

<ul> 
<li ng-repeat="(c, n) in results"> {{c}} shows {{n}} times</li> 
</ul>