JSFiddle - React, Tailwind, and code Playground

by bfelda

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
<div ng-app="app">
    <div ng-controller="itemCtrl">
        <button ng-click="addItem()">Add Item</button>
        <table>
            <tr ng-repeat="item in items">
                <td>{{item}}: <input type="text" auto-focus/></td>
            </tr>
        </table>
    </div>
</div>

JavaScript

var app = angular.module("app", []);
app.controller('itemCtrl', function($scope){
    var count = 5;
    $scope.items = [1,2,3,4];
    $scope.addItem = function(){
        $scope.items.push(count);
        count +=1;
    };
});

app.directive('autoFocus', function(){ 
    return function link(scope, elem){
     elem[0].focus();   
    }
});