<!doctype html>
<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
        <script src="ng.js"></script>
    </head>
    <body ng-app="test">
        <div ng-controller="TestCtrl">
            <h1>Hello {{a}}!</h1>
	    <h1>X {{xxx}}</h1>
	    <h2>Y {{yyy}}</h2>
	    <h3>Z {{zzz}}</h3>
            <h2>The name is {{name}}</h2>
            <input ng-model="name"></input>
            <input ng-model="xxx"></input>
            <textarea ng-model="name"></textarea>
            <textarea ng-model="yyy"></textarea>
            <select ng-model="name">
                    <option value="Hello">Hello</option>
                    <option value="Goodbye">Goodbye</option>
            </select>
            <select ng-model="zzz">
                    <option value="Foo">Foo</option>
                    <option value="Bar">Bar</option>
            </select>
            <ul>
                <li ng-repeat="dog in dogs">
                    <span>{{dog.name}}</span>
                    <span>{{dog.breed}}</span>
                </li>
            </ul>
            <div id="one">
                <span id="span-one">{{cost}}</span>
            </div>
            <div id="two">
                <span id="span-two">{{cost}}</span>
            </div>
        </div>
    </body>
</html>
