<!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>
        <form ng-app="myApp"  ng-controller="radioCtrl">
            <h3>input[radio] directive example in AngularJS</h3>
            <input type="radio" ng-model="choice" value="true" >
            Choice A :
            <input type="radio" ng-model="choice" ng-value="specialValue" >
            Choice B:
            <input type="radio" ng-model="choice" value="false" >
            Choice C:
            <p> Value = {{choice }} </p>
        </form>
        <script>
            var app=angular.module('myApp', []);
            app.controller('radioCtrl', ['$scope', function($scope) {
                $scope.specialValue = {
                    "id": "123",
                    "value": "true",
                };
            }]);
        
</script>
    </body>
</html>
 


www.wikitechy.com © Copyright 2016. All Rights Reserved.