JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app>
<div ng-controller="ExampleController">
<label>
<input type="radio" name="radio-dimensions" ng-value="{width:600, height:300}" ng-model="appText.dimensions" checked>600x300
</label>
<label>
<input type="radio" name="radio-dimensions" ng-value="{width:300, height:250}" ng-model="appText.dimensions">300x250
</label>
<pre>{{appText | json}}</pre>
</div>
</div>
JavaScript
function ExampleController($scope) {
$scope.appText = {
'size':'normal',
'colour':'green',
'alignment':'top',
'dimensions':{
'width':600,
'height':300
}
};
}