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 
http://www.code-sample.com/2015/06/radio-button-list-in-ng-repeat-angularjs.html

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}}
</form>

The AngularJs code sample

    $scope.myAddOns = null;//Default value

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

    };

Thank you!
ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

AngularJS Radio Buttons  AngularJS Radio Buttons Reviewed by Anil Singh on 8:19 PM Rating: (5)
www.code-sample.com/. Powered by Blogger.
^