Untitled

<!DOCTYPE html>
<html ng-app="myApp">

  <head>
    <script data-require="angular.js@1.3.8" data-semver="1.3.8" src="https://code.angularjs.org/1.3.8/angular.js"></script>
    <link href="style.css" rel="stylesheet" />
    <script src="script.js"></script>
  </head>

  <body ng-controller = "plunkerController">
    <ul>
      <li ng-repeat="user in userTypes">
        <p>{{user.type}}</p>
        <p>{{user.options}}</p>
        <ul ng-repeat="options in user.options">
            <p>{{options.option1}}</p>
            <p>{{options.option2}}</p>
        </ul>
      </li>  
    </ul>
  </body>

</html>

var app = angular.module('myApp', []);
app.controller('plunkerController', function($scope) {
  $scope.userTypes = [{
                   "type"   :'Parent',
                   "options":[{
                                "option1":"11QWERT",
                                "option2":"22QWERT"
                              }]
                }];
  
});

/* Styles go here */