Home
Tutorials
Microsoft Technologies Tutorials
Java Programming Tutorials
Web Designing Tutorials
Script Programming Tutorials
Database Programming Tutorials
Mobile Technologies Tutorials
Other Programming Tutorials
Examples
Articles
Tools
News
AngularJS Bind Array to Radio Button List Example
Keywords : Angularjs radio buttons binding example, Angularjs bind array object to radio buttons example, Angularjs bind radio buttons using ng-repeat example, Angularjs bind array list to radio button
Example
<!DOCTYPE html> <html> <head> <title> AngularJs Bind Array List to Radio Buttons using ng-repeat example </title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <script> var app = angular.module('radiobuttonApp', []); app.controller('radiobuttonCtrl', function ($scope) { $scope.arrlist = [{ "userid": 1, "name": "Suresh" }, { "userid": 2, "name": "Rohini" }, { "userid": 3, "name": "Praveen" }]; }); </script> </head> <body ng-app="radiobuttonApp" ng-controller="radiobuttonCtrl"> <div> <h3>AngularJS Radio Buttons Binding using ng-repeat</h3> <div ng-repeat="user in arrlist"> <input type="radio" name="userdetails" value="{{user.userid}}"/> <label>{{user.name}}</label> </div> </div> </body> </html>
Click Here to See Result
Result
Previous
Next