AngularJS toggle radio buttons with default selection.

by Kamal Kumawat

HTML

<script src="http://code.angularjs.org/1.1.0/angular.min.js"></script>
<div ng-app="miniapp">
    <div ng-controller="Ctrl">
        <section>
             <h2>
                <input type="radio" name="status" value="true" ng-model="instructor.isActive"/> Active
                <input type="radio" name="status" value="false" ng-model="instructor.isActive"/>  Inactive
            </h2>

        </section>
        <section>
             <h2>
                <input type="radio" name="status" ng-model="instructor.isActive" ng-value="true"/> Active
                <input type="radio" name="status" ng-model="instructor.isActive" ng-value="false"/>  Inactive
            </h2>

        </section>
        <section>
             <h2>
                <input type="radio" name="course" value="physics" ng-model="instructor.course"/> Physics
                <input type="radio" name="course" value="chemistry" ng-model="instructor.course"/>  Chemistry
            </h2>

        </section>
    </div>
</div>

JavaScript

var $scope;
var app = angular.module('miniapp', []);

function Ctrl($scope) {
    $scope.instructor = {
        isActive: "",
        course: 'chemistry'
    };
};