Angular: Empty Fiddle

http://angularjs.org/

by Abhishek Sinha

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
    <ul ng-repeat="(key, val) in items">{{key}}
        <li ng-repeat="vals in val">{{vals.title}}</li>        
    </ul>
</div>

CSS

ul {
    color:red;
    font-weight:bold;
    border: solid 1px #404040;
    margin: 5px;
}
ul li{
    color:black;
    font-weight:normal;
}

JavaScript

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

function MyCtrl($scope) {
    $scope.items = {
  "resume": [{"title" :   "user_activation","status":false},{"title" :   "user_activation","status":false},
  {"title" :   "modify_roles","status":false},
  {"title" :   "modify_company_profile","status":false},
  {"title" :   "modify_auto_source_providers","status":false},
  {"title" :   "view_users","status":false}],
"auto source":[{"title" :   "user_activation","status":false},{"title" :   "user_activation","status":false},
  {"title" :   "modify_roles","status":false},
  {"title" :   "change_public_private_project","status":false},
  {"title" :   "hold_resume_projectr","status":false},
  {"title" :   "hold_resume_project","status":true}],
"groups":[{"title" :   "user_activation","status":false},{"title" :   "user_activation","status":false},
  {"title" :   "modify_roles","status":false},
  {"title" :   "change_public_private_project","status":false},
  {"title" :   "hold_resume_projectr","status":false},
  {"title" :   "hold_resume_project","status":true}]
};
}