YouTip LogoYouTip

Ionic Ion Radio

# Ionic Radio Button Operations In this example, different values are displayed based on the selected option. ### HTML Code

Radio Buttons

Selected Value: {{ data.clientSide }}
{{ item.text }}
Serverside, Selected Value: {{ data.serverSide }}
{{ item.text }}
### JavaScript Code angular.module('ionicApp', ['ionic']).controller('MainCtrl', function($scope) { $scope.clientSideList = [ { text: "Backbone", value: "bb" }, { text: "Angular", value: "ng" }, { text: "Ember", value: "em" }, { text: "Knockout", value: "ko" } ]; $scope.serverSideList = [ { text: "Go", value: "go" }, { text: "Python", value: "py" }, { text: "Ruby", value: "rb" }, { text: "Java", value: "jv" } ]; $scope.data = { clientSide: 'ng' }; $scope.serverSideChange = function(item) { console.log("Selected Serverside, text:", item.text, "value:", item.value); }; }); CSS Code: body { cursor: url(''), auto;} [Try it Β»](#) The effect is as follows:
← Ionic InstallJava Memcached β†’