JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-controller="MyCtrl">
   <span ng-repeat="(name, val) in radioButtons">
    <label for="{{val.id}}">   	
      <input id="{{val.id}}" type="radio" name="groupRadios" 
             ng-checked="val.checked"
             value="{{name}}"
             ng-model="value"
             ng-change="newValue(value)"/>
      <span class="label-align"> {{name}} </span>
   </label>
   </span>
   <div>
     <ul>
       <li ng-repeat="fc in calledFunctions">{{fc}}</li>
     </ul>
  </div>
</div>

JavaScript

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
  	$scope.calledFunctions = []
    $scope.radioButtons = {
      "Radio1": {
         checked: true,
         id: "radioBrak",
         action: function() {
            $scope.calledFunctions.push("action radio1");
         }
      },
      "Radio2": {
         checked: false,
         id: "radio2",
         action: function() {
           $scope.calledFunctions.push("action radio2");
         }
      },
   };

   $scope.newValue = function(value) {
      $scope.radioButtons[value].action();
   };
}