python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
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

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions