<!DOCTYPE html>
<html>
<head>
<title>Wikitechy AngularJS Tutorial</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<h3>ng-value directive in AngularJS Tutorial</h3>
<h2>Select Tutorials</h2>
<li ng-repeat="X in names">
{{X}}
<input type="radio" ng-model="my.favorite" ng-value="X">
</li><br/>
You choose <b>{{my.favorite}}</b> Tutorial
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.names = ['HTML', 'CSS', 'PHP'];
$scope.my = { favorite: 'CSS' };
});
</script>
</body>
</html>