Angular multiple checkboxes

<!DOCTYPE html>
<html ng-app="App">
  <head>
    <meta charset="utf-8" />
    <script data-require="angular.js@1.4.9" data-semver="1.4.9" src="https://code.angularjs.org/1.4.9/angular.js"></script>
    <script src="script.js"></script>
  </head>

  <body>
    <div ng-controller="AppCtrl">
      <form class="Scroller-Container" name="multipleCheckbox" novalidate="">
        <h3>What would you like?</h3>
        <div ng-repeat="fruit in fruits">
          <input type="checkbox" ng-model="formData.selectedFruits[fruit.name]" ng-change="checkboxChanged()" ng-required="!someSelected" /> {{fruit.name}}
        </div>
        <p style="color: red;" ng-show="multipleCheckbox.$error.required">You must choose one fruit</p>
      </form>
      <pre>Fruits model:
{{formData.selectedFruits | json}}</pre>
    </div>
  </body>

</html>

// Code goes here

angular
  .module('App', [])
  .controller('AppCtrl', function($scope) {
  
  var selectedFruits = {
    Mango: true
  };
  
  var calculateSomeSelected = function() {
    $scope.someSelected = Object.keys(selectedFruits).some(function (key) {
      return selectedFruits[key];
    });
  };
  
  $scope.formData = {
    selectedFruits: selectedFruits
  };
  
  $scope.fruits = [{'name':'Apple'}, {'name':'Orange'}, {'name':'Banana'}, {'name':'Mango'}];
  
  $scope.checkboxChanged = calculateSomeSelected;
  
  calculateSomeSelected();
});