AngularJS Template

by Sajeetharan Sinnathurai

HTML

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
<body ng-controller="Channels">
  <label ng-repeat="obj in dayGroups">
    <input ng-model="$parent.selectedDayGroup" ng-change="display(selectedDayGroup)" type="radio" name="dayGroups" value="{{obj.name}}"> {{obj.name}}
    <h1>
     {{selectedDayGroup}}
    </h1>
  </label>

 
</body>

JavaScript

function Channels($scope) {

$scope.display =function(val)
{
 alert(val);
}
$scope.selectedDayGroup = '';
  $scope.dayGroups = [{
    "name": "All Days",
    "value": [0, 1, 2, 3, 4, 5, 6]
  }, {
    "name": "Weekdays",
    "value": [0, 1, 2, 3, 4, 5, 6]
  }, {
    "name": "Weekends",
    "value": [0, 1, 2, 3, 4, 5, 6]
  }, ];
}

angular.module('app', [])
  .controller('Channels', Channels);

angular.bootstrap(document.body, ['app']);