Angular: Empty Fiddle

http://angularjs.org/

by Himanshu Joshi

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div ng-controller="MyCtrl">
  Hello, {{name}}!
  <div class="dropdown">
      <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
      <span class="caret"></span></button>
      <ul class="dropdown-menu">
        <li ng-repeat="p in people">{{p.color}}</li>
      </ul>
    </div>
</div>

JavaScript

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.name = 'Superhero';
    $scope.people = [{
    id: 1,
    color: 'blue',
    gender: 'male'
  	}, {
    id: 2,
    color: 'red',
    gender: 'female'
  }, {
    id: 3,
    color: 'red',
    gender: 'male'
  }];
}