JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<label class="options_box" ng-repeat="item in itemConfigList.Config">
<input type="radio" name="configName" ng-model="$parent.selectedConfig" ng-value="item.Name">
{{item.Name}}
</input>
<br />
</label>
</form>
<div class="result">
Selected option is: {{selectedConfig}}
</div>
CSS
.options_box {
padding:2px;
width:172px;
}
.result {
margin-top: 20px;
}
JavaScript
angular.module('App', [])
.controller('appcontroller', function ($scope) {
$scope.selectedConfig = '';
$scope.itemConfigList = {
"Config": [{
"Name": "Config1",
"configNr": "1"
}, {
"Name": "Config2",
"configNr": "2"
}, {
"Name": "Config3",
"configNr": "3"
}, {
"Name": "Config4",
"configNr": "4"
}, {
"Name": "Config5",
"configNr": "5"
}]
};
});