adityasharat/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Angular</title>

        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js"></script>

    </head>
    <body>
        <div ng-app="RepeatModels" data:ng-controller="appctrl as app">
            <ul>
                <li data:ng-repeat="model in app.models">
                    <input type="radio" ng-model="app[model]" value="{{$index+1}}" /> <span data:ng-bind="model"></span>

                </li>
            </ul>
            <div>watch these change</div>
            <div data:ng-bind="app.a"></div>
            <div data:ng-bind="app.b"></div>
            <div data:ng-bind="app.c"></div>
        </div>
    </body>

    <script>
        angular.module('RepeatModels', []).controller('appctrl', function () {
            this.models = ['a', 'b', 'c'];
            this.a = 0;
            this.b = 0;
            this.c = 0;
        });
    </script>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Angular</title>

	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js"></script>

	</head>
	<body>
	<div ng-app="RepeatModels" data:ng-controller="appctrl as app">
	<ul>
	<li data:ng-repeat="model in app.models">
	<input type="radio" ng-model="app[model]" value="{{$index+1}}" /> <span data:ng-bind="model"></span>

	</li>
	</ul>
	<div>watch these change</div>
	<div data:ng-bind="app.a"></div>
	<div data:ng-bind="app.b"></div>
	<div data:ng-bind="app.c"></div>
	</div>
	</body>

	<script>
	angular.module('RepeatModels', []).controller('appctrl', function () {
	this.models = ['a', 'b', 'c'];
	this.a = 0;
	this.b = 0;
	this.c = 0;
	});
	</script>
	</html>