JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-controller="GenericInputs">
    {{greeting}} <!-- ensure angular is working :) (out of date, etc) -->
    <ul>
        <li ng-repeat="field in textFields">
            <label for="{{'textField-'+$index}}">
                Option {{$index}}
            </label>
            <input type="text" id="{{'textField-'+$index}}" ng-model="field"/>
        </li>
    </ul>
    <ul>
        <li ng-repeat="field in radioFields">
            <ul>
                <li ng-repeat="fieldValue in field">
                <label for="{{'radioField-'+$parent.$index+'-'+$index}}">
                    {{fieldValue}}
                </label>
                <input type="radio" id="{{'radioField-'+$parent.$index+'-'+$index}}" ng-model="field.value" value="{{fieldValue}}"/>
                </li>
            </ul>
            <tt>field.value = {{field.value}}</tt>
        </li>
    </ul>
</div>

JavaScript

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

fiddleApp.controller('GenericInputs', ['$scope', function($scope) {
    $scope.greeting = 'Hola!';
    $scope.textFields = [
        'ksldkfjwef',
        'klashfienfknv',
        'kgifroe89283iof',
        459812,
        '908bblkv00',
    ];
        
    $scope.radioFields = [
        [
            'Radio 0',
            'Radio 1',
            'Radio 2',
            'Radio 3',
        ],
        [
            'John',
            'James',
            'Jingleheimer?',
            'Wooden Leg',
        ],
    ];
}]);


// http://docs.angularjs.org/guide/bootstrap Manual Initialization
angular.bootstrap(document, ['fiddleApp']);