Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.24/angular.js"></script>
<div ng-app="myApp">
    <div ng-controller="MyCtrl">
        
         <h1>Hello, {{name}}!</h1>

        <p>Here are some people you know:</p>
        <ul>
            <li ng-repeat="person in people">{{person.name}}, {{person.location}}</li>
        </ul>
        
    </div>
</div>

CSS

body {
    font-family: arial;    
}

h1 {
    font-size: 1.5em;    
}

JavaScript

// create the module
angular.module("myApp", []);

// create the controller
angular.module("myApp").controller("MyCtrl", function ($scope) {

    $scope.name = "John";

    $scope.people = [{
        name: "Joe",
        location: "Ireland"
    }, {
        name: "Jane",
        location: "US"
    }, {
        name: "John",
        location: "UK"
    }];

});