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 Blogs - https://code-sample.com and https://code-sample.xyz
My Book1 - BEST SELLING ANGULAR BOOK (INCLUDING ALL VERSIONS 2, 4, 5, 6, 7)
My Book2 - ANGULAR 2 INTERVIEW QUESTIONS BOOK - Both Books are Available on WorldWide.

www.code-sample.com/. Powered by Blogger.