JSFiddle - React, Tailwind, and code Playground

by Aakash Khapare M

HTML

<div ng-app ng-controller="myCtrl">
    <label>Enter a character</label>
    <input type="text" ng-model="Ctrl.Foo.TypeName">
    <div ng-repeat="type in Ctrl.types">
        <input type="radio" name="Type" ng-model="Ctrl.Foo.TypeName" ng-value="type.TypeName" required />{{type.TypeName}}
    </div>
</div>

JavaScript

function myCtrl($scope, $interval) {
    $scope.Ctrl = {
        Foo: {
            TypeName: "d"
        },
        types: [{
            TypeName: "a",
            TypeId: 1
        },{
            TypeName: "b",
            TypeId: 2
        },{
            TypeName: "c",
            TypeId: 3
        },{
            TypeName: "d",
            TypeId: 4
        }]
    };
}