AngularJS toggle radio buttons with default selection.

by Ravindra Athreya

HTML

<script src="http://code.angularjs.org/1.1.0/angular.min.js"></script>
<div data-ng-app="sampleapp" data-ng-controller="expressionController">
<input id="first" type="radio" name="rdboption" ng-model="radioption" value="show">Show
<input id="Radio1" type="radio" name="rdboption" ng-model="radioption" value="hide">Hide <br /><br />
 
    
    <button ng-disabled="radioption == 'show'">Test</button>

CSS

.cont div{
    border:2px solid red;
    margin: 5px;
}

JavaScript

var myApp = angular.module('sampleapp', [])
myApp.controller("expressionController", function ($scope) {
});