AngularJS Radio Buttons

AngularJS Radio Buttons

Hello everyone, I am going to share the code-sample of how to use the ng-checked with ng-model in angularjs radio buttons. The example code as given below.

Radio Buttons ng-checked with ng-model.

Go to link for AngularJs Radio Buttons in ng-repeat

The HTML code-sample

<form ng-repeat="adon in myAddOns">
    <input type="radio" id="addons-no" name="none{{$index}}" ng-model="adon.ADDONS" ng-value="false" ng-checked="false"> None     <br />
    <input type="radio" id="addons-yes" name="notnone{{$index}}" ng-model="adon.ADDONS" ng-value="true" ng-checked="true"> {{adon.DISPLAYNAME}}

The AngularJs code sample

    $scope.myAddOns = null;//Default value

    $scope.getAddOns = function (mobile) {
        getSubServices.getAddOns(mobile).then(function (resp) {
            if (resp) {
                if ( {                  
                    $scope.myAddOns =;


Thank you!

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - and
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like Powered by Blogger.
ASK Questions