AngularJS Live Example

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div ng-controller = "myCntrl"> 
    <h1>Kid Skills</h1>

    
 <span ng-repeat="kid in kids">
     <span ng-repeat="(key,skill) in kid.skills">
     <input type="checkbox" ng-modle="{{skill}}"> {{key}}
      <br>
      </span>
  </span>
 </span>
        
</div>

JavaScript

var mymodule = angular.module('myModule', []);

mymodule.controller('myCntrl', function ($scope) {
   
           $scope.kids = [
                { 
                    "name": "Will", 
                    "age": 6,
                    "skills": {
                        "dancing": false,
                        "coloring": true
                    }
                },{ 
                    "name": "Sally", 
                    "age": 7,
                    "skills": {
                        "dancing": false,
                        "coloring": true,
                        "runnning": true
                     }
                  }
                ];
});

mymodule.$inject = ['$scope'];