Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body ng-app="app">
  <div ng-controller="MyController">
 Selected Countryid = {{countryid}}
    <div class="radio" ng-repeat="country in countries">
                <input type="radio" 
                       name="countryOptions" 
                       ng-model="$parent.countryid" 
                       ng-value="{{country.id}}"  />
              <span style="margin-left:10px;">{{country.id}}.{{country.name}}</span>
          </div>
  </div>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
  <script>
    var app = angular.module('app', [])
    .controller('MyController', function($scope) {
      $scope.countryid = 2;
      $scope.countries = [{id: 1, name: 'America'},
                          {id: 2, name: 'China'},
                          {id: 3, name: 'Poland'}];
    });
  </script>
</body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
jerradepro
0viewers